dhx-react-suite 1.2.0 → 1.2.1

package/dist/dhx-react-suite.js

@@ -1,6 +1,7 @@
 import { jsxs as x, jsx as t, Fragment as Ye } from "react/jsx-runtime";
-import { useEffect as Q, useRef as le, useCallback as ae, useState as W, useMemo as ue, createContext as Ze, useContext as et } from "react";
-import { Tooltip as tt, Legend as nt, CartesianGrid as rt, XAxis as We, YAxis as Be, BarChart as ot, Bar as it, LineChart as lt, Line as st, AreaChart as at, Area as dt, PieChart as ct, Pie as ut, Cell as pt, RadarChart as ht, PolarGrid as ft, PolarAngleAxis as gt, PolarRadiusAxis as xt, Radar as yt, ScatterChart as bt, Scatter as mt, ResponsiveContainer as vt, Treemap as St } from "recharts";
+import { useEffect as J, useRef as ie, useCallback as ae, useState as B, useMemo as ue, createContext as Ze, useContext as et } from "react";
+import { Tooltip as tt, Legend as rt, CartesianGrid as nt, XAxis as We, YAxis as Be, BarChart as ot, Bar as it, LineChart as lt, Line as st, AreaChart as at, Area as dt, PieChart as ct, Pie as ut, Cell as pt, RadarChart as ht, PolarGrid as ft, PolarAngleAxis as gt, PolarRadiusAxis as xt, Radar as yt, ScatterChart as bt, Scatter as mt, ResponsiveContainer as vt, Treemap as St } from "recharts";
+import { Richtext as kt } from "@dhx/trial-richtext";
 const e = {
   primary: "#0288d1",
   primaryDk: "#01579b",
@@ -23,8 +24,8 @@ const e = {
 }, He = "dhx-react-styles";
 function Z() {
   if (typeof document > "u" || document.getElementById(He)) return;
-  const n = document.createElement("style");
-  n.id = He, n.textContent = `
+  const r = document.createElement("style");
+  r.id = He, r.textContent = `
     *,*::before,*::after{box-sizing:border-box}
     .dhx{font-family:${e.font};font-size:14px;color:${e.text}}
     .dhx *{box-sizing:border-box}
@@ -64,69 +65,69 @@ function Z() {
     .dhx-tag-success{background:#e8f5e9;color:#1b5e20}
     .dhx-tag-danger{background:#ffebee;color:#b71c1c}
     .dhx-tag-warning{background:#fff3e0;color:#e65100}
-  `, document.head.appendChild(n);
+  `, document.head.appendChild(r);
 }
-const kt = {
+const wt = {
   sm: { height: 24, padding: "0 8px", fontSize: 12 },
   md: {},
   lg: { height: 38, padding: "0 18px", fontSize: 14 }
 };
-function Gt({
-  children: n,
+function Ut({
+  children: r,
   variant: i = "primary",
   size: d = "md",
   icon: s,
-  disabled: h,
+  disabled: f,
   onClick: a,
-  style: f,
+  style: u,
   className: p = ""
 }) {
-  return Q(Z, []), /* @__PURE__ */ x(
+  return J(Z, []), /* @__PURE__ */ x(
     "button",
     {
       className: `dhx dhx-btn dhx-btn-${i} ${p}`,
-      style: { ...kt[d], ...f },
-      disabled: h,
+      style: { ...wt[d], ...u },
+      disabled: f,
       onClick: a,
       children: [
         s && /* @__PURE__ */ t("span", { style: { fontSize: 16 }, children: s }),
-        n
+        r
       ]
     }
   );
 }
-function xe(n, i) {
-  Q(() => {
+function xe(r, i) {
+  J(() => {
     const d = (s) => {
-      n.current && !n.current.contains(s.target) && i(s);
+      r.current && !r.current.contains(s.target) && i(s);
     };
     return document.addEventListener("mousedown", d), () => document.removeEventListener("mousedown", d);
-  }, [n, i]);
+  }, [r, i]);
 }
-function wt(n) {
-  const i = le(!1), d = le({ x: 0, y: 0, ox: 0, oy: 0 });
+function zt(r) {
+  const i = ie(!1), d = ie({ x: 0, y: 0, ox: 0, oy: 0 });
   return ae(
-    (s, h = 0, a = 0) => {
-      i.current = !0, d.current = { x: s.clientX, y: s.clientY, ox: h, oy: a };
-      const f = (y) => {
+    (s, f = 0, a = 0) => {
+      i.current = !0, d.current = { x: s.clientX, y: s.clientY, ox: f, oy: a };
+      const u = (y) => {
         if (!i.current) return;
-        const { x: z, y: o, ox: b, oy: $ } = d.current;
-        n(b + y.clientX - z, $ + y.clientY - o);
+        const { x: M, y: o, ox: b, oy: $ } = d.current;
+        r(b + y.clientX - M, $ + y.clientY - o);
       }, p = () => {
-        i.current = !1, document.removeEventListener("mousemove", f), document.removeEventListener("mouseup", p);
+        i.current = !1, document.removeEventListener("mousemove", u), document.removeEventListener("mouseup", p);
       };
-      document.addEventListener("mousemove", f), document.addEventListener("mouseup", p), s.preventDefault();
+      document.addEventListener("mousemove", u), document.addEventListener("mouseup", p), s.preventDefault();
     },
-    [n]
+    [r]
   );
 }
-function fe({ items: n, onSelect: i, style: d }) {
-  const [s, h] = W(null);
-  return /* @__PURE__ */ t("div", { className: "dhx dhx-anim-fade", style: { position: "absolute", top: "calc(100% + 4px)", left: 0, minWidth: 180, background: e.surface, border: `1px solid ${e.border}`, borderRadius: e.r, boxShadow: e.shadowLg, zIndex: 200, padding: "4px 0", ...d }, children: n.map((a, f) => {
-    var y, z;
-    if (a.type === "separator") return /* @__PURE__ */ t("div", { style: { height: 1, background: e.border, margin: "4px 0" } }, f);
-    const p = s === f;
-    return /* @__PURE__ */ x("div", { style: { position: "relative" }, onMouseEnter: () => h(f), onMouseLeave: () => h(null), children: [
+function fe({ items: r, onSelect: i, style: d }) {
+  const [s, f] = B(null);
+  return /* @__PURE__ */ t("div", { className: "dhx dhx-anim-fade", style: { position: "absolute", top: "calc(100% + 4px)", left: 0, minWidth: 180, background: e.surface, border: `1px solid ${e.border}`, borderRadius: e.r, boxShadow: e.shadowLg, zIndex: 200, padding: "4px 0", ...d }, children: r.map((a, u) => {
+    var y, M;
+    if (a.type === "separator") return /* @__PURE__ */ t("div", { style: { height: 1, background: e.border, margin: "4px 0" } }, u);
+    const p = s === u;
+    return /* @__PURE__ */ x("div", { style: { position: "relative" }, onMouseEnter: () => f(u), onMouseLeave: () => f(null), children: [
       /* @__PURE__ */ x(
         "div",
         {
@@ -143,35 +144,35 @@ function fe({ items: n, onSelect: i, style: d }) {
           ]
         }
       ),
-      p && ((z = a.items) != null && z.length) ? /* @__PURE__ */ t(fe, { items: a.items, onSelect: i, style: { position: "absolute", left: "100%", top: -4 } }) : null
-    ] }, a.id || f);
+      p && ((M = a.items) != null && M.length) ? /* @__PURE__ */ t(fe, { items: a.items, onSelect: i, style: { position: "absolute", left: "100%", top: -4 } }) : null
+    ] }, a.id || u);
   }) });
 }
-function Jt({ items: n = [], label: i = "Menu", onSelect: d, style: s }) {
-  const [h, a] = W(!1), f = le(null);
-  return Q(Z, []), xe(f, ae(() => a(!1), [])), /* @__PURE__ */ x("div", { ref: f, className: "dhx", style: { position: "relative", display: "inline-block", ...s }, children: [
+function Qt({ items: r = [], label: i = "Menu", onSelect: d, style: s }) {
+  const [f, a] = B(!1), u = ie(null);
+  return J(Z, []), xe(u, ae(() => a(!1), [])), /* @__PURE__ */ x("div", { ref: u, className: "dhx", style: { position: "relative", display: "inline-block", ...s }, children: [
     /* @__PURE__ */ x("button", { className: "dhx dhx-btn dhx-btn-secondary", onClick: () => a((p) => !p), children: [
       i,
       " ",
-      /* @__PURE__ */ t("span", { style: { fontSize: 10 }, children: h ? "▲" : "▼" })
+      /* @__PURE__ */ t("span", { style: { fontSize: 10 }, children: f ? "▲" : "▼" })
     ] }),
-    h && /* @__PURE__ */ t(fe, { items: n, onSelect: (p) => {
+    f && /* @__PURE__ */ t(fe, { items: r, onSelect: (p) => {
       d == null || d(p), a(!1);
     } })
   ] });
 }
-function Ut({ items: n = [], onSelect: i, children: d }) {
-  const [s, h] = W(null), a = le(null);
-  return Q(Z, []), xe(a, ae(() => h(null), [])), /* @__PURE__ */ x("div", { ref: a, onContextMenu: (p) => {
-    p.preventDefault(), h({ x: p.clientX, y: p.clientY });
+function Zt({ items: r = [], onSelect: i, children: d }) {
+  const [s, f] = B(null), a = ie(null);
+  return J(Z, []), xe(a, ae(() => f(null), [])), /* @__PURE__ */ x("div", { ref: a, onContextMenu: (p) => {
+    p.preventDefault(), f({ x: p.clientX, y: p.clientY });
   }, style: { position: "relative", display: "contents" }, children: [
     d,
-    s && /* @__PURE__ */ t("div", { style: { position: "fixed", left: s.x, top: s.y, zIndex: 9999 }, children: /* @__PURE__ */ t(fe, { items: n, onSelect: (p) => {
-      i == null || i(p), h(null);
+    s && /* @__PURE__ */ t("div", { style: { position: "fixed", left: s.x, top: s.y, zIndex: 9999 }, children: /* @__PURE__ */ t(fe, { items: r, onSelect: (p) => {
+      i == null || i(p), f(null);
     } }) })
   ] });
 }
-function Ae({ count: n }) {
+function Ae({ count: r }) {
   return /* @__PURE__ */ t("span", { style: {
     position: "absolute",
     top: 2,
@@ -189,31 +190,31 @@ function Ae({ count: n }) {
     padding: "0 3px",
     lineHeight: 1,
     pointerEvents: "none"
-  }, children: n });
+  }, children: r });
 }
-function Qt({ items: n = [], onAction: i, style: d }) {
-  const [s, h] = W(null), [a, f] = W(() => {
+function er({ items: r = [], onAction: i, style: d }) {
+  const [s, f] = B(null), [a, u] = B(() => {
     const o = {};
-    return n.forEach((b) => {
+    return r.forEach((b) => {
       b.id && (b.twoState || b.group) && b.active && (o[b.id] = !0);
     }), o;
-  }), p = le(null);
-  Q(Z, []), xe(p, ae(() => h(null), []));
+  }), p = ie(null);
+  J(Z, []), xe(p, ae(() => f(null), []));
   const y = (o, b) => {
-    var $, E;
+    var $, N;
     if (!o.disabled) {
-      if (o.twoState && o.id && f((H) => ({ ...H, [o.id]: !H[o.id] })), o.group && o.id && f((H) => {
-        const c = { ...H };
-        return n.forEach((w) => {
+      if (o.twoState && o.id && u((D) => ({ ...D, [o.id]: !D[o.id] })), o.group && o.id && u((D) => {
+        const c = { ...D };
+        return r.forEach((w) => {
           w.group === o.group && w.id && (c[w.id] = !1);
         }), c[o.id] = !0, c;
       }), ($ = o.items) != null && $.length) {
-        h((H) => H === b ? null : b);
+        f((D) => D === b ? null : b);
         return;
       }
-      (E = o.onClick) == null || E.call(o, o.id || ""), i == null || i(o.id || "");
+      (N = o.onClick) == null || N.call(o, o.id || ""), i == null || i(o.id || "");
     }
-  }, z = (o, b) => {
+  }, M = (o, b) => {
     var c, w;
     if (o.hidden) return null;
     if (o.type === "separator") return /* @__PURE__ */ t("div", { style: { width: 1, background: e.border, margin: "6px 4px", alignSelf: "stretch" } }, b);
@@ -229,9 +230,9 @@ function Qt({ items: n = [], onAction: i, style: d }) {
             style: { width: o.width || 140, height: 28, paddingLeft: o.icon ? 30 : void 0 },
             placeholder: o.placeholder,
             defaultValue: o.value,
-            onChange: (C) => {
-              var R;
-              return (R = o.onChange) == null ? void 0 : R.call(o, C.target.value);
+            onChange: (L) => {
+              var E;
+              return (E = o.onChange) == null ? void 0 : E.call(o, L.target.value);
             }
           }
         )
@@ -245,11 +246,11 @@ function Qt({ items: n = [], onAction: i, style: d }) {
           className: "dhx dhx-input",
           style: { width: o.width || 100, height: 28, cursor: "pointer" },
           defaultValue: o.value,
-          onChange: (C) => {
-            var R;
-            return (R = o.onChange) == null ? void 0 : R.call(o, C.target.value);
+          onChange: (L) => {
+            var E;
+            return (E = o.onChange) == null ? void 0 : E.call(o, L.target.value);
           },
-          children: (c = o.options) == null ? void 0 : c.map((C) => /* @__PURE__ */ t("option", { value: C.value, children: C.label }, C.value))
+          children: (c = o.options) == null ? void 0 : c.map((L) => /* @__PURE__ */ t("option", { value: L.value, children: L.label }, L.value))
         }
       )
     ] }, b);
@@ -278,7 +279,7 @@ function Qt({ items: n = [], onAction: i, style: d }) {
       },
       b
     );
-    const $ = !!(o.id && a[o.id]), E = o.value ?? o.text, H = !!((w = o.items) != null && w.length);
+    const $ = !!(o.id && a[o.id]), N = o.value ?? o.text, D = !!((w = o.items) != null && w.length);
     return /* @__PURE__ */ x("div", { style: { position: "relative" }, children: [
       /* @__PURE__ */ x(
         "button",
@@ -298,17 +299,17 @@ function Qt({ items: n = [], onAction: i, style: d }) {
           onClick: () => y(o, b),
           children: [
             o.icon && /* @__PURE__ */ t("span", { style: { fontSize: 16 }, children: o.icon }),
-            E && /* @__PURE__ */ t("span", { style: { fontSize: 13 }, children: E }),
-            H && /* @__PURE__ */ t("span", { style: { fontSize: 9, opacity: 0.55, marginLeft: 2 }, children: "▼" }),
+            N && /* @__PURE__ */ t("span", { style: { fontSize: 13 }, children: N }),
+            D && /* @__PURE__ */ t("span", { style: { fontSize: 9, opacity: 0.55, marginLeft: 2 }, children: "▼" }),
             o.count !== void 0 && /* @__PURE__ */ t(Ae, { count: o.count })
           ]
         }
       ),
-      H && s === b && /* @__PURE__ */ t(
+      D && s === b && /* @__PURE__ */ t(
         fe,
         {
           items: o.items,
-          onSelect: () => h(null),
+          onSelect: () => f(null),
           style: { top: "100%", left: 0 }
         }
       )
@@ -330,67 +331,67 @@ function Qt({ items: n = [], onAction: i, style: d }) {
         flexWrap: "wrap",
         ...d
       },
-      children: n.map(z)
+      children: r.map(M)
     }
   );
 }
-function zt(n) {
-  return n === "primary" ? e.primary : n === "success" ? "#43a047" : n === "secondary" ? "#9e9e9e" : "#e53935";
+function Mt(r) {
+  return r === "primary" ? e.primary : r === "success" ? "#43a047" : r === "secondary" ? "#9e9e9e" : "#e53935";
 }
-function Mt(n, i) {
-  const d = [], s = (h) => {
+function $t(r, i) {
+  const d = [], s = (f) => {
     var a;
-    h.id && h.group === i && d.push(h.id), (a = h.items) == null || a.forEach(s);
+    f.id && f.group === i && d.push(f.id), (a = f.items) == null || a.forEach(s);
   };
-  return n.forEach(s), d;
+  return r.forEach(s), d;
 }
-function $t(n) {
+function Lt(r) {
   const i = {}, d = (s) => {
-    var h;
-    s.id && s.twoState && s.active && (i[s.id] = !0), (h = s.items) == null || h.forEach(d);
+    var f;
+    s.id && s.twoState && s.active && (i[s.id] = !0), (f = s.items) == null || f.forEach(d);
   };
-  return n.forEach(d), i;
+  return r.forEach(d), i;
 }
-function Zt({
-  items: n = [],
+function tr({
+  items: r = [],
   width: i = 240,
   minWidth: d = 64,
   header: s,
-  footer: h,
+  footer: f,
   collapsed: a,
-  defaultCollapsed: f,
+  defaultCollapsed: u,
   selected: p,
   defaultSelected: y,
-  onSelect: z,
+  onSelect: M,
   onCollapse: o,
   onExpand: b,
   onBeforeCollapse: $,
-  onBeforeExpand: E,
-  onToggleItem: H,
+  onBeforeExpand: N,
+  onToggleItem: D,
   style: c
 }) {
-  const w = a !== void 0, C = p !== void 0, [R, A] = W(f ?? !1), [M, D] = W(y ?? null), [V, u] = W({}), [N, l] = W(() => $t(n));
-  Q(Z, []);
-  const g = w ? a : R, K = C ? p ?? null : M, P = g ? d : i, r = () => {
+  const w = a !== void 0, L = p !== void 0, [E, A] = B(u ?? !1), [z, C] = B(y ?? null), [V, h] = B({}), [I, l] = B(() => Lt(r));
+  J(Z, []);
+  const g = w ? a : E, K = L ? p ?? null : z, O = g ? d : i, n = () => {
     if (g) {
-      if ((E == null ? void 0 : E()) === !1) return;
+      if ((N == null ? void 0 : N()) === !1) return;
       w || A(!1), b == null || b();
     } else {
       if (($ == null ? void 0 : $()) === !1) return;
       w || A(!0), o == null || o();
     }
-  }, T = (v) => {
-    C || D(v.id ?? null), z == null || z(v), v.id && v.onClick && v.onClick(v.id);
+  }, R = (v) => {
+    L || C(v.id ?? null), M == null || M(v), v.id && v.onClick && v.onClick(v.id);
   }, F = (v) => {
     if (!v.id) return;
-    const j = !N[v.id];
-    let X = { ...N, [v.id]: j };
-    v.group && j && Mt(n, v.group).forEach((U) => {
-      U !== v.id && (X[U] = !1);
-    }), l(X), H == null || H(v.id, j);
+    const j = !I[v.id];
+    let X = { ...I, [v.id]: j };
+    v.group && j && $t(r, v.group).forEach((Q) => {
+      Q !== v.id && (X[Q] = !1);
+    }), l(X), D == null || D(v.id, j);
   }, k = (v, j) => {
     if (v.count === void 0) return null;
-    const X = zt(v.countColor), U = v.count > 99 ? "99+" : String(v.count);
+    const X = Mt(v.countColor), Q = v.count > 99 ? "99+" : String(v.count);
     return j ? /* @__PURE__ */ t("span", { style: {
       position: "absolute",
       top: 1,
@@ -405,7 +406,7 @@ function Zt({
       textAlign: "center",
       lineHeight: "14px",
       pointerEvents: "none"
-    }, children: U }) : /* @__PURE__ */ t("span", { style: {
+    }, children: Q }) : /* @__PURE__ */ t("span", { style: {
       background: X,
       color: "#fff",
       borderRadius: 10,
@@ -413,13 +414,13 @@ function Zt({
       fontSize: 11,
       fontWeight: 700,
       flexShrink: 0
-    }, children: U });
+    }, children: Q });
   }, S = (v, j, X) => {
     var ce;
     if (v.hidden) return null;
-    const U = v.id ?? `${v.type ?? "navItem"}-${j}-${X}`, q = v.type ?? "navItem";
-    if (q === "separator") return /* @__PURE__ */ t("div", { style: { height: 1, background: e.border, margin: "6px 8px", flexShrink: 0 } }, U);
-    if (q === "spacer") return /* @__PURE__ */ t("div", { style: { flex: 1 } }, U);
+    const Q = v.id ?? `${v.type ?? "navItem"}-${j}-${X}`, q = v.type ?? "navItem";
+    if (q === "separator") return /* @__PURE__ */ t("div", { style: { height: 1, background: e.border, margin: "6px 8px", flexShrink: 0 } }, Q);
+    if (q === "spacer") return /* @__PURE__ */ t("div", { style: { flex: 1 } }, Q);
     if (q === "title")
       return g ? null : /* @__PURE__ */ t("div", { style: {
         padding: "10px 14px 4px",
@@ -429,17 +430,17 @@ function Zt({
         letterSpacing: 1,
         color: e.textMut,
         flexShrink: 0
-      }, children: v.value }, U);
+      }, children: v.value }, Q);
     if (q === "customHTML") return /* @__PURE__ */ t(
       "div",
       {
         dangerouslySetInnerHTML: { __html: v.html ?? "" },
         style: { padding: "8px 12px", flexShrink: 0 }
       },
-      U
+      Q
     );
-    const J = (((ce = v.items) == null ? void 0 : ce.length) ?? 0) > 0, ee = !!V[v.id ?? ""], te = v.twoState ? !!N[v.id ?? ""] : !1, ne = !v.twoState && K === v.id || te, O = !!v.disabled, de = g ? 0 : 12 + j * 16, ve = () => {
-      O || (v.twoState ? (F(v), T(v)) : (J && u((se) => ({ ...se, [v.id ?? ""]: !se[v.id ?? ""] })), T(v)));
+    const U = (((ce = v.items) == null ? void 0 : ce.length) ?? 0) > 0, ee = !!V[v.id ?? ""], te = v.twoState ? !!I[v.id ?? ""] : !1, re = !v.twoState && K === v.id || te, P = !!v.disabled, de = g ? 0 : 12 + j * 16, ve = () => {
+      P || (v.twoState ? (F(v), R(v)) : (U && h((se) => ({ ...se, [v.id ?? ""]: !se[v.id ?? ""] })), R(v)));
     };
     return /* @__PURE__ */ x("div", { style: { flexShrink: 0 }, children: [
       /* @__PURE__ */ x(
@@ -458,18 +459,18 @@ function Zt({
             paddingRight: g ? 0 : 10,
             borderRadius: e.r,
             margin: "1px 6px",
-            cursor: O ? "not-allowed" : "pointer",
+            cursor: P ? "not-allowed" : "pointer",
             userSelect: "none",
             transition: "background .15s",
-            background: ne ? e.primaryLt : "transparent",
-            color: O ? e.textMut : ne ? e.primary : e.text,
-            opacity: O ? 0.55 : 1
+            background: re ? e.primaryLt : "transparent",
+            color: P ? e.textMut : re ? e.primary : e.text,
+            opacity: P ? 0.55 : 1
           },
           onMouseEnter: (se) => {
-            !ne && !O && (se.currentTarget.style.background = e.bg);
+            !re && !P && (se.currentTarget.style.background = e.bg);
           },
           onMouseLeave: (se) => {
-            !ne && !O && (se.currentTarget.style.background = "transparent");
+            !re && !P && (se.currentTarget.style.background = "transparent");
           },
           children: [
             /* @__PURE__ */ x("span", { style: {
@@ -486,7 +487,7 @@ function Zt({
             !g && /* @__PURE__ */ t("span", { style: {
               flex: 1,
               fontSize: 13,
-              fontWeight: ne ? 600 : 400,
+              fontWeight: re ? 600 : 400,
               overflow: "hidden",
               textOverflow: "ellipsis",
               whiteSpace: "nowrap"
@@ -496,14 +497,14 @@ function Zt({
               width: 14,
               height: 14,
               borderRadius: 2,
-              border: `2px solid ${ne ? e.primary : e.borderDk}`,
-              background: ne ? e.primary : "transparent",
+              border: `2px solid ${re ? e.primary : e.borderDk}`,
+              background: re ? e.primary : "transparent",
               flexShrink: 0,
               display: "flex",
               alignItems: "center",
               justifyContent: "center"
-            }, children: ne && /* @__PURE__ */ t("span", { style: { color: "#fff", fontSize: 8, fontWeight: 700, lineHeight: 1 }, children: "✓" }) }),
-            !g && J && !v.twoState && /* @__PURE__ */ t("span", { style: {
+            }, children: re && /* @__PURE__ */ t("span", { style: { color: "#fff", fontSize: 8, fontWeight: 700, lineHeight: 1 }, children: "✓" }) }),
+            !g && U && !v.twoState && /* @__PURE__ */ t("span", { style: {
               fontSize: 11,
               color: e.textMut,
               flexShrink: 0,
@@ -514,12 +515,12 @@ function Zt({
           ]
         }
       ),
-      J && ee && !g && /* @__PURE__ */ t("div", { children: v.items.map((se, be) => S(se, j + 1, be)) })
-    ] }, U);
-  }, L = /* @__PURE__ */ x(
+      U && ee && !g && /* @__PURE__ */ t("div", { children: v.items.map((se, be) => S(se, j + 1, be)) })
+    ] }, Q);
+  }, T = /* @__PURE__ */ x(
     "div",
     {
-      onClick: r,
+      onClick: n,
       style: {
         display: "flex",
         alignItems: "center",
@@ -548,8 +549,8 @@ function Zt({
     {
       className: "dhx",
       style: {
-        width: P,
-        minWidth: P,
+        width: O,
+        minWidth: O,
         background: e.surface,
         borderRight: `1px solid ${e.border}`,
         display: "flex",
@@ -575,101 +576,101 @@ function Zt({
           {
             className: "dhx-scroll",
             style: { flex: 1, overflowY: "auto", overflowX: "hidden", display: "flex", flexDirection: "column" },
-            children: n.map((v, j) => S(v, 0, j))
+            children: r.map((v, j) => S(v, 0, j))
           }
         ),
-        L,
-        h && !g && /* @__PURE__ */ t("div", { style: { padding: "10px 14px", borderTop: `1px solid ${e.border}`, flexShrink: 0 }, children: h })
+        T,
+        f && !g && /* @__PURE__ */ t("div", { style: { padding: "10px 14px", borderTop: `1px solid ${e.border}`, flexShrink: 0 }, children: f })
       ]
     }
   );
 }
-function Dt({ config: n }) {
-  const [i, d] = W(!1), s = {
+function Dt({ config: r }) {
+  const [i, d] = B(!1), s = {
     position: "relative",
     background: e.surface,
     border: `1px solid ${e.border}`,
     borderRadius: e.r,
     overflow: "hidden",
-    ...n.width ? { width: n.width, minWidth: n.width } : { flex: 1 },
-    ...n.height ? { height: n.height, minHeight: n.height } : { minHeight: 40 },
+    ...r.width ? { width: r.width, minWidth: r.width } : { flex: 1 },
+    ...r.height ? { height: r.height, minHeight: r.height } : { minHeight: 40 },
     ...i ? { flex: "0 0 auto" } : {}
   };
   return /* @__PURE__ */ x("div", { style: s, children: [
-    n.header && /* @__PURE__ */ x("div", { style: { display: "flex", alignItems: "center", justifyContent: "space-between", padding: "6px 12px", background: e.bg, borderBottom: `1px solid ${e.border}`, fontSize: 12, fontWeight: 600, color: e.textSec, userSelect: "none" }, children: [
-      /* @__PURE__ */ t("span", { children: n.header }),
-      n.collapsable && /* @__PURE__ */ t("button", { onClick: () => d((h) => !h), style: { background: "none", border: "none", cursor: "pointer", color: e.textMut, fontSize: 16, lineHeight: 1 }, children: i ? "▼" : "▲" })
+    r.header && /* @__PURE__ */ x("div", { style: { display: "flex", alignItems: "center", justifyContent: "space-between", padding: "6px 12px", background: e.bg, borderBottom: `1px solid ${e.border}`, fontSize: 12, fontWeight: 600, color: e.textSec, userSelect: "none" }, children: [
+      /* @__PURE__ */ t("span", { children: r.header }),
+      r.collapsable && /* @__PURE__ */ t("button", { onClick: () => d((f) => !f), style: { background: "none", border: "none", cursor: "pointer", color: e.textMut, fontSize: 16, lineHeight: 1 }, children: i ? "▼" : "▲" })
     ] }),
-    !i && /* @__PURE__ */ x("div", { style: { padding: n.padding || 0, height: n.header ? "calc(100% - 33px)" : "100%", overflow: "auto" }, children: [
-      n.html ? /* @__PURE__ */ t("div", { dangerouslySetInnerHTML: { __html: n.html } }) : n.content,
-      (n.rows || n.cols) && /* @__PURE__ */ t(Lt, { rows: n.rows, cols: n.cols, style: { height: "100%" } })
+    !i && /* @__PURE__ */ x("div", { style: { padding: r.padding || 0, height: r.header ? "calc(100% - 33px)" : "100%", overflow: "auto" }, children: [
+      r.html ? /* @__PURE__ */ t("div", { dangerouslySetInnerHTML: { __html: r.html } }) : r.content,
+      (r.rows || r.cols) && /* @__PURE__ */ t(Ct, { rows: r.rows, cols: r.cols, style: { height: "100%" } })
     ] })
   ] });
 }
-function Lt({ rows: n, cols: i, type: d = "line", style: s, children: h }) {
-  Q(Z, []);
-  const a = d === "space" ? 12 : d === "wide" ? 8 : 1, f = n || i, p = !!n;
-  return f ? /* @__PURE__ */ t("div", { className: "dhx", style: { display: "flex", flexDirection: p ? "column" : "row", gap: a, width: "100%", height: "100%", ...s }, children: f.map((y, z) => /* @__PURE__ */ t(Dt, { config: y }, y.id || z)) }) : /* @__PURE__ */ t("div", { className: "dhx", style: { width: "100%", height: "100%", ...s }, children: h });
+function Ct({ rows: r, cols: i, type: d = "line", style: s, children: f }) {
+  J(Z, []);
+  const a = d === "space" ? 12 : d === "wide" ? 8 : 1, u = r || i, p = !!r;
+  return u ? /* @__PURE__ */ t("div", { className: "dhx", style: { display: "flex", flexDirection: p ? "column" : "row", gap: a, width: "100%", height: "100%", ...s }, children: u.map((y, M) => /* @__PURE__ */ t(Dt, { config: y }, y.id || M)) }) : /* @__PURE__ */ t("div", { className: "dhx", style: { width: "100%", height: "100%", ...s }, children: f });
 }
-function en({ views: n = [], mode: i = "top", tabAlign: d = "left", closable: s = [], disabled: h = [], defaultActive: a, onBeforeChange: f, onChange: p, style: y }) {
-  var M;
-  const [z, o] = W(a || ((M = n[0]) == null ? void 0 : M.id)), [b, $] = W(n.map((D) => D.id));
-  Q(Z, []);
-  const E = (D, V) => {
-    D.stopPropagation(), $((u) => u.filter((N) => N !== V)), z === V && o(b.find((u) => u !== V) ?? "");
-  }, H = (D) => {
-    h.includes(D) || f && f(D) === !1 || (o(D), p == null || p(D));
-  }, c = i === "left" || i === "right", w = n.filter((D) => b.includes(D.id)), C = /* @__PURE__ */ t("div", { style: { display: "flex", flexDirection: c ? "column" : "row", justifyContent: d === "center" ? "center" : d === "right" ? "flex-end" : "flex-start", background: e.surface, borderBottom: !c && i !== "bottom" ? `2px solid ${e.border}` : "none", borderTop: i === "bottom" ? `2px solid ${e.border}` : "none", borderRight: i === "left" ? `2px solid ${e.border}` : "none", borderLeft: i === "right" ? `2px solid ${e.border}` : "none", overflowX: "auto", flexShrink: 0 }, children: w.map((D) => {
-    const V = z === D.id, u = h.includes(D.id), N = i === "bottom" ? { borderTop: `2px solid ${e.primary}`, color: e.primary, fontWeight: 600 } : c ? { color: e.primary, fontWeight: 600, background: e.primaryLt, [i === "left" ? "borderRight" : "borderLeft"]: `2px solid ${e.primary}` } : { borderBottom: `2px solid ${e.primary}`, color: e.primary, fontWeight: 600 };
+function rr({ views: r = [], mode: i = "top", tabAlign: d = "left", closable: s = [], disabled: f = [], defaultActive: a, onBeforeChange: u, onChange: p, style: y }) {
+  var z;
+  const [M, o] = B(a || ((z = r[0]) == null ? void 0 : z.id)), [b, $] = B(r.map((C) => C.id));
+  J(Z, []);
+  const N = (C, V) => {
+    C.stopPropagation(), $((h) => h.filter((I) => I !== V)), M === V && o(b.find((h) => h !== V) ?? "");
+  }, D = (C) => {
+    f.includes(C) || u && u(C) === !1 || (o(C), p == null || p(C));
+  }, c = i === "left" || i === "right", w = r.filter((C) => b.includes(C.id)), L = /* @__PURE__ */ t("div", { style: { display: "flex", flexDirection: c ? "column" : "row", justifyContent: d === "center" ? "center" : d === "right" ? "flex-end" : "flex-start", background: e.surface, borderBottom: !c && i !== "bottom" ? `2px solid ${e.border}` : "none", borderTop: i === "bottom" ? `2px solid ${e.border}` : "none", borderRight: i === "left" ? `2px solid ${e.border}` : "none", borderLeft: i === "right" ? `2px solid ${e.border}` : "none", overflowX: "auto", flexShrink: 0 }, children: w.map((C) => {
+    const V = M === C.id, h = f.includes(C.id), I = i === "bottom" ? { borderTop: `2px solid ${e.primary}`, color: e.primary, fontWeight: 600 } : c ? { color: e.primary, fontWeight: 600, background: e.primaryLt, [i === "left" ? "borderRight" : "borderLeft"]: `2px solid ${e.primary}` } : { borderBottom: `2px solid ${e.primary}`, color: e.primary, fontWeight: 600 };
     return /* @__PURE__ */ x(
       "div",
       {
-        onClick: () => H(D.id),
-        style: { display: "flex", alignItems: "center", gap: 6, padding: "10px 16px", cursor: u ? "not-allowed" : "pointer", whiteSpace: "nowrap", fontSize: 13, transition: "color .15s", userSelect: "none", minWidth: c ? 120 : "auto", ...V ? N : { color: u ? e.textMut : e.textSec } },
+        onClick: () => D(C.id),
+        style: { display: "flex", alignItems: "center", gap: 6, padding: "10px 16px", cursor: h ? "not-allowed" : "pointer", whiteSpace: "nowrap", fontSize: 13, transition: "color .15s", userSelect: "none", minWidth: c ? 120 : "auto", ...V ? I : { color: h ? e.textMut : e.textSec } },
         children: [
-          D.icon && /* @__PURE__ */ t("span", { style: { fontSize: 16 }, children: D.icon }),
-          /* @__PURE__ */ t("span", { children: D.tab }),
-          s.includes(D.id) && /* @__PURE__ */ t("span", { onClick: (l) => E(l, D.id), style: { marginLeft: 4, opacity: 0.6, fontSize: 12, cursor: "pointer" }, children: "✕" })
+          C.icon && /* @__PURE__ */ t("span", { style: { fontSize: 16 }, children: C.icon }),
+          /* @__PURE__ */ t("span", { children: C.tab }),
+          s.includes(C.id) && /* @__PURE__ */ t("span", { onClick: (l) => N(l, C.id), style: { marginLeft: 4, opacity: 0.6, fontSize: 12, cursor: "pointer" }, children: "✕" })
         ]
       },
-      D.id
+      C.id
     );
-  }) }), R = w.find((D) => D.id === z), A = /* @__PURE__ */ x("div", { className: "dhx-scroll", style: { flex: 1, overflow: "auto" }, children: [
-    R == null ? void 0 : R.content,
-    (R == null ? void 0 : R.html) && /* @__PURE__ */ t("div", { dangerouslySetInnerHTML: { __html: R.html }, style: { padding: 16 } })
+  }) }), E = w.find((C) => C.id === M), A = /* @__PURE__ */ x("div", { className: "dhx-scroll", style: { flex: 1, overflow: "auto" }, children: [
+    E == null ? void 0 : E.content,
+    (E == null ? void 0 : E.html) && /* @__PURE__ */ t("div", { dangerouslySetInnerHTML: { __html: E.html }, style: { padding: 16 } })
   ] });
   return /* @__PURE__ */ x("div", { className: "dhx", style: { display: "flex", flexDirection: i === "top" ? "column" : i === "bottom" ? "column-reverse" : i === "left" ? "row" : "row-reverse", width: "100%", height: "100%", background: e.surface, border: `1px solid ${e.border}`, borderRadius: e.r, overflow: "hidden", ...y }, children: [
-    C,
+    L,
     A
   ] });
 }
 const ge = `1px solid ${e.border}`;
-function Ct({ active: n, dir: i }) {
+function Tt({ active: r, dir: i }) {
   return /* @__PURE__ */ x("span", { style: { display: "inline-flex", flexDirection: "column", gap: 1, flexShrink: 0, marginLeft: 4 }, children: [
-    /* @__PURE__ */ t("svg", { width: "7", height: "4", viewBox: "0 0 7 4", children: /* @__PURE__ */ t("path", { d: "M3.5 0L7 4H0z", fill: n && i === "asc" ? e.primary : e.borderDk }) }),
-    /* @__PURE__ */ t("svg", { width: "7", height: "4", viewBox: "0 0 7 4", children: /* @__PURE__ */ t("path", { d: "M3.5 4L0 0H7z", fill: n && i === "desc" ? e.primary : e.borderDk }) })
+    /* @__PURE__ */ t("svg", { width: "7", height: "4", viewBox: "0 0 7 4", children: /* @__PURE__ */ t("path", { d: "M3.5 0L7 4H0z", fill: r && i === "asc" ? e.primary : e.borderDk }) }),
+    /* @__PURE__ */ t("svg", { width: "7", height: "4", viewBox: "0 0 7 4", children: /* @__PURE__ */ t("path", { d: "M3.5 4L0 0H7z", fill: r && i === "desc" ? e.primary : e.borderDk }) })
   ] });
 }
-function Tt({ options: n, value: i, onChange: d, onCommit: s, onCancel: h }) {
-  const [a, f] = W(i), [p, y] = W(!0), z = le(null);
-  Q(() => {
+function Rt({ options: r, value: i, onChange: d, onCommit: s, onCancel: f }) {
+  const [a, u] = B(i), [p, y] = B(!0), M = ie(null);
+  J(() => {
     const b = ($) => {
-      z.current && !z.current.contains($.target) && s();
+      M.current && !M.current.contains($.target) && s();
     };
     return document.addEventListener("mousedown", b), () => document.removeEventListener("mousedown", b);
   }, [s]);
-  const o = n.filter((b) => !a || b.toLowerCase().includes(a.toLowerCase()));
-  return /* @__PURE__ */ x("div", { ref: z, style: { width: "100%", position: "relative" }, children: [
+  const o = r.filter((b) => !a || b.toLowerCase().includes(a.toLowerCase()));
+  return /* @__PURE__ */ x("div", { ref: M, style: { width: "100%", position: "relative" }, children: [
     /* @__PURE__ */ t(
       "input",
       {
         autoFocus: !0,
         value: a,
         onChange: (b) => {
-          f(b.target.value), d(b.target.value), y(!0);
+          u(b.target.value), d(b.target.value), y(!0);
         },
         onKeyDown: (b) => {
-          b.key === "Enter" && s(), b.key === "Escape" && h();
+          b.key === "Enter" && s(), b.key === "Escape" && f();
         },
         onClick: (b) => b.stopPropagation(),
         style: { width: "100%", border: "none", outline: `2px solid ${e.primary}`, borderRadius: 2, fontSize: 13, padding: "2px 4px", background: e.surface, color: e.text }
@@ -679,7 +680,7 @@ function Tt({ options: n, value: i, onChange: d, onCommit: s, onCancel: h }) {
       "div",
       {
         onMouseDown: ($) => {
-          $.preventDefault(), d(b), f(b), y(!1), s();
+          $.preventDefault(), d(b), u(b), y(!1), s();
         },
         style: { padding: "6px 10px", cursor: "pointer", fontSize: 13, color: e.text },
         onMouseEnter: ($) => $.currentTarget.style.background = e.bg,
@@ -690,23 +691,23 @@ function Tt({ options: n, value: i, onChange: d, onCommit: s, onCancel: h }) {
     )) })
   ] });
 }
-function Rt(n, i) {
-  if (n == null) return "";
-  if (i === "number") return typeof n == "number" ? n.toLocaleString() : String(n);
+function Nt(r, i) {
+  if (r == null) return "";
+  if (i === "number") return typeof r == "number" ? r.toLocaleString() : String(r);
   if (i === "date") {
-    const d = n instanceof Date ? n : new Date(String(n));
-    return isNaN(d.getTime()) ? String(n) : d.toLocaleDateString();
+    const d = r instanceof Date ? r : new Date(String(r));
+    return isNaN(d.getTime()) ? String(r) : d.toLocaleDateString();
   }
-  return String(n);
+  return String(r);
 }
-function Nt(n, i, d) {
-  return n == null ? 1 : i == null ? -1 : d === "date" ? new Date(String(n)).getTime() - new Date(String(i)).getTime() : d === "number" ? Number(n) - Number(i) : String(n) < String(i) ? -1 : String(n) > String(i) ? 1 : 0;
+function Et(r, i, d) {
+  return r == null ? 1 : i == null ? -1 : d === "date" ? new Date(String(r)).getTime() - new Date(String(i)).getTime() : d === "number" ? Number(r) - Number(i) : String(r) < String(i) ? -1 : String(r) > String(i) ? 1 : 0;
 }
-function we(n) {
+function we(r) {
   var i;
-  return Array.isArray(n.header) && ((i = n.header[1]) == null ? void 0 : i.content) != null ? n.header[1].content : n.filterable ? n.filterType === "select" ? "selectFilter" : "inputFilter" : null;
+  return Array.isArray(r.header) && ((i = r.header[1]) == null ? void 0 : i.content) != null ? r.header[1].content : r.filterable ? r.filterType === "select" ? "selectFilter" : "inputFilter" : null;
 }
-function Et(n, i, d, s, h) {
+function It(r, i, d, s, f) {
   const a = {
     width: "100%",
     border: "none",
@@ -716,8 +717,8 @@ function Et(n, i, d, s, h) {
     padding: "2px 4px",
     background: e.surface,
     color: e.text
-  }, f = n.editorType ?? "input";
-  if (f === "select") return /* @__PURE__ */ t(
+  }, u = r.editorType ?? "input";
+  if (u === "select") return /* @__PURE__ */ t(
     "select",
     {
       autoFocus: !0,
@@ -725,24 +726,24 @@ function Et(n, i, d, s, h) {
       onChange: (y) => d(y.target.value),
       onBlur: s,
       onKeyDown: (y) => {
-        y.key === "Enter" && s(), y.key === "Escape" && h();
+        y.key === "Enter" && s(), y.key === "Escape" && f();
       },
       onClick: (y) => y.stopPropagation(),
       style: { ...a, cursor: "pointer" },
-      children: (n.options ?? []).map((y) => /* @__PURE__ */ t("option", { value: y, children: y }, y))
+      children: (r.options ?? []).map((y) => /* @__PURE__ */ t("option", { value: y, children: y }, y))
     }
   );
-  if (f === "combobox") return /* @__PURE__ */ t(
-    Tt,
+  if (u === "combobox") return /* @__PURE__ */ t(
+    Rt,
     {
-      options: n.options ?? [],
+      options: r.options ?? [],
       value: i,
       onChange: d,
       onCommit: s,
-      onCancel: h
+      onCancel: f
     }
   );
-  const p = n.type === "number" ? "number" : n.type === "date" ? "date" : "text";
+  const p = r.type === "number" ? "number" : r.type === "date" ? "date" : "text";
   return /* @__PURE__ */ t(
     "input",
     {
@@ -752,148 +753,148 @@ function Et(n, i, d, s, h) {
       onChange: (y) => d(y.target.value),
       onBlur: s,
       onKeyDown: (y) => {
-        y.key === "Enter" && s(), y.key === "Escape" && h();
+        y.key === "Enter" && s(), y.key === "Escape" && f();
       },
       onClick: (y) => y.stopPropagation(),
       style: a
     }
   );
 }
-function tn({
-  columns: n,
+function nr({
+  columns: r,
   data: i = [],
   height: d = 400,
   rowHeight: s = 40,
-  headerRowHeight: h = 40,
+  headerRowHeight: f = 40,
   footerRowHeight: a = 40,
-  sortable: f = !0,
+  sortable: u = !0,
   resizable: p = !0,
   editable: y = !1,
-  stripe: z = !1,
+  stripe: M = !1,
   autoWidth: o = !1,
   keyNavigation: b = !1,
   selection: $,
-  multiselect: E,
-  leftSplit: H = 0,
+  multiselect: N,
+  leftSplit: D = 0,
   onSelect: c,
   onChange: w,
-  style: C
+  style: L
 }) {
   var Te;
-  const [R, A] = W(null), [M, D] = W("asc"), [V, u] = W({}), [N, l] = W(/* @__PURE__ */ new Set()), [g, K] = W(-1), [P, r] = W(
-    () => Object.fromEntries(n.map((m) => [m.id, m.width ?? m.minWidth ?? 150]))
-  ), [T, F] = W(null), [k, S] = W(""), [L, v] = W({}), j = le(null), [X, U] = W(0);
-  Q(Z, []), Q(() => {
+  const [E, A] = B(null), [z, C] = B("asc"), [V, h] = B({}), [I, l] = B(/* @__PURE__ */ new Set()), [g, K] = B(-1), [O, n] = B(
+    () => Object.fromEntries(r.map((m) => [m.id, m.width ?? m.minWidth ?? 150]))
+  ), [R, F] = B(null), [k, S] = B(""), [T, v] = B({}), j = ie(null), [X, Q] = B(0);
+  J(Z, []), J(() => {
     if (!o || !j.current) return;
     const m = new ResizeObserver(() => {
-      var I;
-      return U(((I = j.current) == null ? void 0 : I.offsetWidth) ?? 0);
+      var W;
+      return Q(((W = j.current) == null ? void 0 : W.offsetWidth) ?? 0);
     });
     return m.observe(j.current), () => m.disconnect();
   }, [o]);
   const q = ue(
-    () => n.map(
+    () => r.map(
       (m) => m.summary && (!m.footer || m.footer.length === 0) ? { ...m, footer: [{ summary: m.summary }] } : m
     ),
-    [n]
-  ), J = ue(
+    [r]
+  ), U = ue(
     () => q.filter((m) => !m.hidden),
     [q]
   ), ee = ue(() => {
-    if (!o || X === 0) return P;
-    const m = J.reduce((B, _) => B + (P[_.id] ?? 150), 0);
-    if (X <= m) return P;
-    const I = (X - m) / J.length;
-    return Object.fromEntries(J.map((B) => [B.id, (P[B.id] ?? 150) + I]));
-  }, [o, X, P, J]), te = ue(() => {
-    let m = i.map((I, B) => {
-      const _ = String(I.id ?? B);
-      return L[_] ? { ...I, ...L[_] } : I;
+    if (!o || X === 0) return O;
+    const m = U.reduce((H, _) => H + (O[_.id] ?? 150), 0);
+    if (X <= m) return O;
+    const W = (X - m) / U.length;
+    return Object.fromEntries(U.map((H) => [H.id, (O[H.id] ?? 150) + W]));
+  }, [o, X, O, U]), te = ue(() => {
+    let m = i.map((W, H) => {
+      const _ = String(W.id ?? H);
+      return T[_] ? { ...W, ...T[_] } : W;
     }).filter(
-      (I) => Object.entries(V).every(
-        ([B, _]) => !_ || String(I[B] ?? "").toLowerCase().includes(_.toLowerCase())
+      (W) => Object.entries(V).every(
+        ([H, _]) => !_ || String(W[H] ?? "").toLowerCase().includes(_.toLowerCase())
       )
     );
-    if (R) {
-      const I = q.find((B) => B.id === R);
-      m = [...m].sort((B, _) => {
-        const G = Nt(B[R], _[R], I == null ? void 0 : I.type);
-        return M === "asc" ? G : -G;
+    if (E) {
+      const W = q.find((H) => H.id === E);
+      m = [...m].sort((H, _) => {
+        const G = Et(H[E], _[E], W == null ? void 0 : W.type);
+        return z === "asc" ? G : -G;
       });
     }
     return m;
-  }, [i, R, M, V, L, q]), pe = ue(() => {
+  }, [i, E, z, V, T, q]), pe = ue(() => {
     const m = {};
-    return q.forEach((I) => {
-      var B;
-      if ((B = I.footer) != null && B.some((_) => _.summary)) {
-        const _ = te.map((Y) => Number(Y[I.id])).filter((Y) => !isNaN(Y)), G = _.reduce((Y, re) => Y + re, 0);
-        m[I.id] = { sum: G, avg: _.length ? G / _.length : 0, count: te.length, min: _.length ? Math.min(..._) : 0, max: _.length ? Math.max(..._) : 0 };
+    return q.forEach((W) => {
+      var H;
+      if ((H = W.footer) != null && H.some((_) => _.summary)) {
+        const _ = te.map((Y) => Number(Y[W.id])).filter((Y) => !isNaN(Y)), G = _.reduce((Y, ne) => Y + ne, 0);
+        m[W.id] = { sum: G, avg: _.length ? G / _.length : 0, count: te.length, min: _.length ? Math.min(..._) : 0, max: _.length ? Math.max(..._) : 0 };
       }
     }), m;
-  }, [te, q]), ne = ue(() => {
+  }, [te, q]), re = ue(() => {
     const m = {};
-    return J.filter((I) => {
-      const B = we(I);
-      return B === "selectFilter" || B === "comboFilter";
-    }).forEach((I) => {
-      m[I.id] = [...new Set(i.map((B) => String(B[I.id] ?? "")))].sort();
+    return U.filter((W) => {
+      const H = we(W);
+      return H === "selectFilter" || H === "comboFilter";
+    }).forEach((W) => {
+      m[W.id] = [...new Set(i.map((H) => String(H[W.id] ?? "")))].sort();
     }), m;
-  }, [i, J]), O = J.some((m) => we(m) !== null), de = q.some((m) => {
-    var I;
-    return (I = m.footer) == null ? void 0 : I.length;
-  }), ve = J.reduce((m, I) => m + (ee[I.id] ?? 150), 0), ce = ue(() => {
-    if (!H) return {};
+  }, [i, U]), P = U.some((m) => we(m) !== null), de = q.some((m) => {
+    var W;
+    return (W = m.footer) == null ? void 0 : W.length;
+  }), ve = U.reduce((m, W) => m + (ee[W.id] ?? 150), 0), ce = ue(() => {
+    if (!D) return {};
     let m = 0;
-    const I = {};
-    return J.forEach((B, _) => {
-      _ < H && (I[B.id] = m, m += ee[B.id] ?? 150);
-    }), I;
-  }, [H, J, ee]), se = H > 0 ? (Te = J[H - 1]) == null ? void 0 : Te.id : null, be = (m, I) => m.id ?? I, qe = (m) => {
-    !f || m.sortable === !1 || (D((I) => R === m.id && I === "asc" ? "desc" : "asc"), A(m.id));
-  }, Se = (m, I) => {
+    const W = {};
+    return U.forEach((H, _) => {
+      _ < D && (W[H.id] = m, m += ee[H.id] ?? 150);
+    }), W;
+  }, [D, U, ee]), se = D > 0 ? (Te = U[D - 1]) == null ? void 0 : Te.id : null, be = (m, W) => m.id ?? W, qe = (m) => {
+    !u || m.sortable === !1 || (C((W) => E === m.id && W === "asc" ? "desc" : "asc"), A(m.id));
+  }, Se = (m, W) => {
     if (!$) return;
-    const B = be(m, I);
-    K(I), l((_) => {
-      const G = E ? new Set(_) : /* @__PURE__ */ new Set();
-      return G.has(B) ? G.delete(B) : G.add(B), G;
+    const H = be(m, W);
+    K(W), l((_) => {
+      const G = N ? new Set(_) : /* @__PURE__ */ new Set();
+      return G.has(H) ? G.delete(H) : G.add(H), G;
     }), c == null || c(m);
   }, Ge = () => {
-    if (!T) return;
-    const { key: m, colId: I } = T;
-    v((_) => ({ ..._, [String(m)]: { ..._[String(m)] || {}, [I]: k } }));
-    const B = te.find((_, G) => be(_, G) === m);
-    B && (w == null || w(B, I, k)), F(null);
+    if (!R) return;
+    const { key: m, colId: W } = R;
+    v((_) => ({ ..._, [String(m)]: { ..._[String(m)] || {}, [W]: k } }));
+    const H = te.find((_, G) => be(_, G) === m);
+    H && (w == null || w(H, W, k)), F(null);
   }, Je = (m) => {
-    if (T && m.key === "Escape") {
+    if (R && m.key === "Escape") {
       F(null);
       return;
     }
     if (!(!b || !$)) {
       if (m.key === "ArrowDown") {
         m.preventDefault();
-        const I = Math.min(g + 1, te.length - 1);
-        I >= 0 && Se(te[I], I);
+        const W = Math.min(g + 1, te.length - 1);
+        W >= 0 && Se(te[W], W);
       } else if (m.key === "ArrowUp") {
         m.preventDefault();
-        const I = Math.max(g - 1, 0);
-        I >= 0 && Se(te[I], I);
+        const W = Math.max(g - 1, 0);
+        W >= 0 && Se(te[W], W);
       }
     }
-  }, Ue = (m, I) => {
+  }, Ue = (m, W) => {
     m.preventDefault(), m.stopPropagation();
-    const B = m.clientX, _ = P[I] ?? 150, G = n.find((oe) => oe.id === I), Y = (oe) => r((he) => ({
+    const H = m.clientX, _ = O[W] ?? 150, G = r.find((oe) => oe.id === W), Y = (oe) => n((he) => ({
       ...he,
-      [I]: Math.max((G == null ? void 0 : G.minWidth) || 50, _ + oe.clientX - B)
-    })), re = () => {
-      document.removeEventListener("mousemove", Y), document.removeEventListener("mouseup", re);
+      [W]: Math.max((G == null ? void 0 : G.minWidth) || 50, _ + oe.clientX - H)
+    })), ne = () => {
+      document.removeEventListener("mousemove", Y), document.removeEventListener("mouseup", ne);
     };
-    document.addEventListener("mousemove", Y), document.addEventListener("mouseup", re);
-  }, ke = (m, I, B, _, G, Y = "hidden") => {
-    const re = m in ce;
+    document.addEventListener("mousemove", Y), document.addEventListener("mouseup", ne);
+  }, ke = (m, W, H, _, G, Y = "hidden") => {
+    const ne = m in ce;
     return {
-      width: I,
-      minWidth: I,
+      width: W,
+      minWidth: W,
       flexShrink: 0,
       boxSizing: "border-box",
       padding: "0 12px",
@@ -904,11 +905,11 @@ function tn({
       textOverflow: "ellipsis",
       whiteSpace: "nowrap",
       fontSize: 13,
-      textAlign: B,
-      justifyContent: B === "center" ? "center" : B === "right" ? "flex-end" : "flex-start",
+      textAlign: H,
+      justifyContent: H === "center" ? "center" : H === "right" ? "flex-end" : "flex-start",
       borderLeft: _ ? "none" : ge,
-      position: re ? "sticky" : "relative",
-      ...re ? {
+      position: ne ? "sticky" : "relative",
+      ...ne ? {
         left: ce[m],
         zIndex: 1,
         boxShadow: m === se ? "2px 0 6px rgba(0,0,0,0.1)" : void 0
@@ -922,27 +923,27 @@ function tn({
       className: "dhx",
       tabIndex: b ? 0 : void 0,
       onKeyDown: Je,
-      style: { width: "100%", height: d, display: "flex", flexDirection: "column", border: ge, borderRadius: e.r, overflow: "hidden", outline: "none", ...C },
+      style: { width: "100%", height: d, display: "flex", flexDirection: "column", border: ge, borderRadius: e.r, overflow: "hidden", outline: "none", ...L },
       children: /* @__PURE__ */ t("div", { className: "dhx-scroll", style: { overflow: "auto", flex: 1 }, children: /* @__PURE__ */ x("div", { style: { minWidth: ve, display: "flex", flexDirection: "column", minHeight: "100%" }, children: [
-        /* @__PURE__ */ t("div", { style: { display: "flex", background: e.bg, borderBottom: ge, flexShrink: 0, position: "sticky", top: 0, zIndex: 3 }, children: J.map((m, I) => {
-          const B = Array.isArray(m.header) ? m.header[0] : null, _ = (B == null ? void 0 : B.text) ?? (typeof m.header == "string" ? m.header : m.id), G = (B == null ? void 0 : B.align) ?? m.align, Y = ee[m.id] ?? 150, re = m.id in ce;
+        /* @__PURE__ */ t("div", { style: { display: "flex", background: e.bg, borderBottom: ge, flexShrink: 0, position: "sticky", top: 0, zIndex: 3 }, children: U.map((m, W) => {
+          const H = Array.isArray(m.header) ? m.header[0] : null, _ = (H == null ? void 0 : H.text) ?? (typeof m.header == "string" ? m.header : m.id), G = (H == null ? void 0 : H.align) ?? m.align, Y = ee[m.id] ?? 150, ne = m.id in ce;
           return /* @__PURE__ */ x(
             "div",
             {
               onClick: () => qe(m),
               style: {
-                ...ke(m.id, Y, G, I === 0, h),
+                ...ke(m.id, Y, G, W === 0, f),
                 fontWeight: 500,
                 color: e.text,
                 background: e.bg,
-                cursor: f && m.sortable !== !1 ? "pointer" : "default",
+                cursor: u && m.sortable !== !1 ? "pointer" : "default",
                 userSelect: "none",
-                ...re ? { zIndex: 4 } : {}
+                ...ne ? { zIndex: 4 } : {}
               },
               children: [
-                B != null && B.htmlEnable ? /* @__PURE__ */ t("span", { style: { flex: 1, overflow: "hidden" }, dangerouslySetInnerHTML: { __html: _ } }) : /* @__PURE__ */ t("span", { style: { flex: 1, overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }, children: _ }),
-                f && m.sortable !== !1 && /* @__PURE__ */ t(Ct, { active: R === m.id, dir: M }),
-                p && m.resizable !== !1 && I < J.length - 1 && /* @__PURE__ */ t(
+                H != null && H.htmlEnable ? /* @__PURE__ */ t("span", { style: { flex: 1, overflow: "hidden" }, dangerouslySetInnerHTML: { __html: _ } }) : /* @__PURE__ */ t("span", { style: { flex: 1, overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }, children: _ }),
+                u && m.sortable !== !1 && /* @__PURE__ */ t(Tt, { active: E === m.id, dir: z }),
+                p && m.resizable !== !1 && W < U.length - 1 && /* @__PURE__ */ t(
                   "div",
                   {
                     onMouseDown: (oe) => Ue(oe, m.id),
@@ -957,21 +958,21 @@ function tn({
             m.id
           );
         }) }),
-        O && /* @__PURE__ */ t("div", { style: {
+        P && /* @__PURE__ */ t("div", { style: {
           display: "flex",
           borderBottom: ge,
           background: e.surface,
           flexShrink: 0,
-          ...H ? { position: "sticky", top: h, zIndex: 3 } : {}
-        }, children: J.map((m, I) => {
-          const B = we(m), _ = ee[m.id] ?? 150, G = m.id in ce;
+          ...D ? { position: "sticky", top: f, zIndex: 3 } : {}
+        }, children: U.map((m, W) => {
+          const H = we(m), _ = ee[m.id] ?? 150, G = m.id in ce;
           return /* @__PURE__ */ t("div", { style: {
             width: _,
             minWidth: _,
             flexShrink: 0,
             padding: "4px 6px",
             boxSizing: "border-box",
-            borderLeft: I === 0 ? "none" : ge,
+            borderLeft: W === 0 ? "none" : ge,
             background: e.surface,
             ...G ? {
               position: "sticky",
@@ -979,42 +980,42 @@ function tn({
               zIndex: 4,
               boxShadow: m.id === se ? "2px 0 6px rgba(0,0,0,0.1)" : void 0
             } : {}
-          }, children: B === "selectFilter" || B === "comboFilter" ? /* @__PURE__ */ x(
+          }, children: H === "selectFilter" || H === "comboFilter" ? /* @__PURE__ */ x(
             "select",
             {
               className: "dhx dhx-input",
               style: { height: 26, fontSize: 12, padding: "0 4px" },
               value: V[m.id] || "",
-              onChange: (Y) => u((re) => ({ ...re, [m.id]: Y.target.value })),
+              onChange: (Y) => h((ne) => ({ ...ne, [m.id]: Y.target.value })),
               children: [
                 /* @__PURE__ */ t("option", { value: "", children: "All" }),
-                (ne[m.id] || []).map((Y) => /* @__PURE__ */ t("option", { value: Y, children: Y }, Y))
+                (re[m.id] || []).map((Y) => /* @__PURE__ */ t("option", { value: Y, children: Y }, Y))
               ]
             }
-          ) : B === "inputFilter" ? /* @__PURE__ */ t(
+          ) : H === "inputFilter" ? /* @__PURE__ */ t(
             "input",
             {
               className: "dhx dhx-input",
               style: { height: 26, fontSize: 12 },
               placeholder: "Filter...",
               value: V[m.id] || "",
-              onChange: (Y) => u((re) => ({ ...re, [m.id]: Y.target.value }))
+              onChange: (Y) => h((ne) => ({ ...ne, [m.id]: Y.target.value }))
             }
           ) : null }, m.id);
         }) }),
         /* @__PURE__ */ x("div", { style: { flex: 1 }, children: [
-          te.map((m, I) => {
-            const B = be(m, I), _ = N.has(B), G = _ ? e.primaryLt : z && I % 2 !== 0 ? e.bg : e.surface;
+          te.map((m, W) => {
+            const H = be(m, W), _ = I.has(H), G = _ ? e.primaryLt : M && W % 2 !== 0 ? e.bg : e.surface;
             return /* @__PURE__ */ t(
               "div",
               {
                 style: { display: "flex", height: s, borderBottom: ge, flexShrink: 0, background: G, transition: "background .1s", cursor: $ ? "pointer" : "default" },
                 onMouseEnter: (Y) => !_ && (Y.currentTarget.style.background = e.primaryLt + "80"),
                 onMouseLeave: (Y) => !_ && (Y.currentTarget.style.background = G),
-                children: J.map((Y, re) => {
-                  const oe = (T == null ? void 0 : T.key) === B && (T == null ? void 0 : T.colId) === Y.id, he = m[Y.id], Qe = ee[Y.id] ?? 150, Re = (y || Y.editable) && Y.editable !== !1;
+                children: U.map((Y, ne) => {
+                  const oe = (R == null ? void 0 : R.key) === H && (R == null ? void 0 : R.colId) === Y.id, he = m[Y.id], Qe = ee[Y.id] ?? 150, Re = (y || Y.editable) && Y.editable !== !1;
                   let ye;
-                  return oe ? ye = Et(Y, k, S, Ge, () => F(null)) : Y.template ? ye = Y.template(he, m) : Y.htmlEnable ? ye = /* @__PURE__ */ t("span", { dangerouslySetInnerHTML: { __html: String(he ?? "") } }) : Y.type === "boolean" ? ye = /* @__PURE__ */ t(
+                  return oe ? ye = It(Y, k, S, Ge, () => F(null)) : Y.template ? ye = Y.template(he, m) : Y.htmlEnable ? ye = /* @__PURE__ */ t("span", { dangerouslySetInnerHTML: { __html: String(he ?? "") } }) : Y.type === "boolean" ? ye = /* @__PURE__ */ t(
                     "input",
                     {
                       type: "checkbox",
@@ -1022,87 +1023,87 @@ function tn({
                       checked: !!he,
                       style: { width: 16, height: 16, accentColor: e.primary, cursor: Re ? "pointer" : "default" }
                     }
-                  ) : ye = Rt(he, Y.type), /* @__PURE__ */ t(
+                  ) : ye = Nt(he, Y.type), /* @__PURE__ */ t(
                     "div",
                     {
                       onClick: () => {
-                        if (Se(m, I), !!Re)
+                        if (Se(m, W), !!Re)
                           if (Y.type === "boolean") {
-                            const Ne = !he, Ee = String(B);
+                            const Ne = !he, Ee = String(H);
                             v((Ie) => ({ ...Ie, [Ee]: { ...Ie[Ee] || {}, [Y.id]: Ne } })), w == null || w(m, Y.id, Ne);
                           } else
-                            F({ key: B, colId: Y.id }), S(String(he ?? ""));
+                            F({ key: H, colId: Y.id }), S(String(he ?? ""));
                       },
-                      style: { ...ke(Y.id, Qe, Y.align, re === 0, s, oe ? "visible" : "hidden"), background: G },
+                      style: { ...ke(Y.id, Qe, Y.align, ne === 0, s, oe ? "visible" : "hidden"), background: G },
                       children: ye
                     },
                     Y.id
                   );
                 })
               },
-              String(B)
+              String(H)
             );
           }),
           te.length === 0 && /* @__PURE__ */ t("div", { style: { textAlign: "center", padding: 40, color: e.textMut, fontSize: 13 }, children: "No data" })
         ] }),
-        de && /* @__PURE__ */ t("div", { style: { display: "flex", borderTop: ge, background: e.bg, flexShrink: 0, position: "sticky", bottom: 0, zIndex: 2 }, children: J.map((m, I) => {
+        de && /* @__PURE__ */ t("div", { style: { display: "flex", borderTop: ge, background: e.bg, flexShrink: 0, position: "sticky", bottom: 0, zIndex: 2 }, children: U.map((m, W) => {
           var oe;
-          const B = (oe = m.footer) == null ? void 0 : oe[0], _ = pe[m.id] ?? { sum: 0, avg: 0, count: 0, min: 0, max: 0 };
+          const H = (oe = m.footer) == null ? void 0 : oe[0], _ = pe[m.id] ?? { sum: 0, avg: 0, count: 0, min: 0, max: 0 };
           let G = "";
-          B && (typeof B.text == "function" ? G = B.text(_) : B.text ? G = B.text : B.summary && (G = String(Math.round(_[B.summary] * 100) / 100)));
-          const Y = ee[m.id] ?? 150, re = m.id in ce;
+          H && (typeof H.text == "function" ? G = H.text(_) : H.text ? G = H.text : H.summary && (G = String(Math.round(_[H.summary] * 100) / 100)));
+          const Y = ee[m.id] ?? 150, ne = m.id in ce;
           return /* @__PURE__ */ t("div", { style: {
-            ...ke(m.id, Y, m.align, I === 0, a),
+            ...ke(m.id, Y, m.align, W === 0, a),
             fontWeight: 600,
             color: e.text,
             background: e.bg,
-            ...re ? { zIndex: 3 } : {}
+            ...ne ? { zIndex: 3 } : {}
           }, children: G }, m.id);
         }) })
       ] }) })
     }
   );
 }
-const ie = ["#0288d1", "#43a047", "#f57c00", "#e53935", "#8e24aa", "#00838f", "#ef6c00", "#2e7d32"];
-function It(n, i, d) {
-  const s = n.filter((a) => !a.parent), h = n.filter((a) => !!a.parent);
+const le = ["#0288d1", "#43a047", "#f57c00", "#e53935", "#8e24aa", "#00838f", "#ef6c00", "#2e7d32"];
+function Wt(r, i, d) {
+  const s = r.filter((a) => !a.parent), f = r.filter((a) => !!a.parent);
   return s.map((a) => ({
     name: a[d],
-    children: h.filter((f) => f.parent === a.id).map((f) => ({ name: f[d], value: Number(f[i] ?? 0) }))
+    children: f.filter((u) => u.parent === a.id).map((u) => ({ name: u[d], value: Number(u[i] ?? 0) }))
   }));
 }
-function nn({
-  type: n = "bar",
+function or({
+  type: r = "bar",
   data: i = [],
   series: d = [],
   scales: s = {},
-  legend: h,
+  legend: f,
   height: a = 280,
-  style: f
+  style: u
 }) {
-  var w, C, R, A, M, D, V, u, N, l, g, K, P, r, T, F;
-  Q(Z, []);
+  var w, L, E, A, z, C, V, h, I, l, g, K, O, n, R, F;
+  J(Z, []);
   const p = ((w = s.bottom) == null ? void 0 : w.text) || i[0] && Object.keys(i[0])[0] || "x", y = /* @__PURE__ */ t(
     tt,
     {
       contentStyle: { fontSize: 12, borderRadius: e.r, border: `1px solid ${e.border}` }
     }
-  ), z = h ? /* @__PURE__ */ t(
-    nt,
+  ), M = f ? /* @__PURE__ */ t(
+    rt,
     {
       iconSize: 10,
       wrapperStyle: { fontSize: 12 },
-      verticalAlign: h.valign === "bottom" ? "bottom" : h.valign === "middle" ? "middle" : "top",
-      align: h.halign ?? "center"
+      verticalAlign: f.valign === "bottom" ? "bottom" : f.valign === "middle" ? "middle" : "top",
+      align: f.halign ?? "center"
     }
-  ) : null, o = /* @__PURE__ */ t(rt, { strokeDasharray: "3 3", stroke: e.border }), b = /* @__PURE__ */ t(
+  ) : null, o = /* @__PURE__ */ t(nt, { strokeDasharray: "3 3", stroke: e.border }), b = /* @__PURE__ */ t(
     We,
     {
       dataKey: p,
       tick: { fontSize: 11, fill: e.textSec },
       axisLine: { stroke: e.border },
       tickLine: !1,
-      label: (C = s.bottom) != null && C.title ? { value: s.bottom.title, position: "insideBottom", offset: -4, fontSize: 11 } : void 0
+      label: (L = s.bottom) != null && L.title ? { value: s.bottom.title, position: "insideBottom", offset: -4, fontSize: 11 } : void 0
     }
   ), $ = /* @__PURE__ */ t(
     Be,
@@ -1110,83 +1111,83 @@ function nn({
       tick: { fontSize: 11, fill: e.textSec },
       axisLine: !1,
       tickLine: !1,
-      domain: [((R = s.left) == null ? void 0 : R.min) ?? "auto", ((A = s.left) == null ? void 0 : A.max) ?? "auto"],
-      tickCount: (M = s.left) == null ? void 0 : M.maxTicks,
-      label: (D = s.left) != null && D.title ? { value: s.left.title, angle: -90, position: "insideLeft", fontSize: 11 } : void 0
+      domain: [((E = s.left) == null ? void 0 : E.min) ?? "auto", ((A = s.left) == null ? void 0 : A.max) ?? "auto"],
+      tickCount: (z = s.left) == null ? void 0 : z.maxTicks,
+      label: (C = s.left) != null && C.title ? { value: s.left.title, angle: -90, position: "insideLeft", fontSize: 11 } : void 0
     }
-  ), E = {
+  ), N = {
     top: 10,
     right: 20,
     left: 0,
     bottom: (V = s.bottom) != null && V.title ? 20 : 0
-  }, H = { data: i, margin: E };
+  }, D = { data: i, margin: N };
   let c;
-  if (n === "bar")
-    c = /* @__PURE__ */ x(ot, { ...H, children: [
+  if (r === "bar")
+    c = /* @__PURE__ */ x(ot, { ...D, children: [
       o,
       b,
       $,
       y,
-      z,
+      M,
       d.map((k, S) => /* @__PURE__ */ t(
         it,
         {
           dataKey: k.value || k.id || "",
           name: k.label || k.id,
-          fill: k.fill || k.color || ie[S % ie.length],
+          fill: k.fill || k.color || le[S % le.length],
           radius: [3, 3, 0, 0]
         },
         k.id ?? S
       ))
     ] });
-  else if (n === "line")
-    c = /* @__PURE__ */ x(lt, { ...H, children: [
+  else if (r === "line")
+    c = /* @__PURE__ */ x(lt, { ...D, children: [
       o,
       b,
       $,
       y,
-      z,
+      M,
       d.map((k, S) => {
-        const L = k.color || ie[S % ie.length];
+        const T = k.color || le[S % le.length];
         return /* @__PURE__ */ t(
           st,
           {
             type: "monotone",
             dataKey: k.value || k.id || "",
             name: k.label || k.id,
-            stroke: L,
+            stroke: T,
             strokeWidth: k.strokeWidth ?? 2,
-            dot: { r: 3, fill: L }
+            dot: { r: 3, fill: T }
           },
           k.id ?? S
         );
       })
     ] });
-  else if (n === "area")
-    c = /* @__PURE__ */ x(at, { ...H, children: [
+  else if (r === "area")
+    c = /* @__PURE__ */ x(at, { ...D, children: [
       o,
       b,
       $,
       y,
-      z,
+      M,
       d.map((k, S) => {
-        const L = k.color || ie[S % ie.length];
+        const T = k.color || le[S % le.length];
         return /* @__PURE__ */ t(
           dt,
           {
             type: "monotone",
             dataKey: k.value || k.id || "",
             name: k.label || k.id,
-            stroke: L,
-            fill: (k.fill || L) + "33",
+            stroke: T,
+            fill: (k.fill || T) + "33",
             strokeWidth: k.strokeWidth ?? 2
           },
           k.id ?? S
         );
       })
     ] });
-  else if (n === "pie" || n === "donut") {
-    const k = d[0] || {}, S = k.value || "value", L = k.text || "name", v = k.color && i[0] && k.color in i[0] ? k.color : null;
+  else if (r === "pie" || r === "donut") {
+    const k = d[0] || {}, S = k.value || "value", T = k.text || "name", v = k.color && i[0] && k.color in i[0] ? k.color : null;
     c = /* @__PURE__ */ x(ct, { children: [
       /* @__PURE__ */ t(
         ut,
@@ -1194,10 +1195,10 @@ function nn({
           data: i,
           cx: "50%",
           cy: "50%",
-          outerRadius: n === "donut" ? "70%" : "80%",
-          innerRadius: n === "donut" ? "40%" : 0,
+          outerRadius: r === "donut" ? "70%" : "80%",
+          innerRadius: r === "donut" ? "40%" : 0,
           dataKey: S,
-          nameKey: L,
+          nameKey: T,
           stroke: k.stroke || "none",
           strokeWidth: k.strokeWidth ?? 0,
           label: ({ name: j, percent: X }) => `${j ?? ""} ${((X ?? 0) * 100).toFixed(0)}%`,
@@ -1206,23 +1207,23 @@ function nn({
           children: i.map((j, X) => /* @__PURE__ */ t(
             pt,
             {
-              fill: v ? j[v] : ie[X % ie.length]
+              fill: v ? j[v] : le[X % le.length]
             },
             X
           ))
         }
       ),
       y,
-      z
+      M
     ] });
-  } else if (n === "radar") {
-    const k = ((u = s.radial) == null ? void 0 : u.value) || p;
-    c = /* @__PURE__ */ x(ht, { ...H, cx: "50%", cy: "50%", children: [
+  } else if (r === "radar") {
+    const k = ((h = s.radial) == null ? void 0 : h.value) || p;
+    c = /* @__PURE__ */ x(ht, { ...D, cx: "50%", cy: "50%", children: [
       /* @__PURE__ */ t(ft, {}),
       /* @__PURE__ */ t(gt, { dataKey: k, tick: { fontSize: 11 } }),
       /* @__PURE__ */ t(xt, { tick: { fontSize: 9, fill: e.textMut }, axisLine: !1 }),
-      d.map((S, L) => {
-        const v = S.color || S.pointColor || ie[L % ie.length];
+      d.map((S, T) => {
+        const v = S.color || S.pointColor || le[T % le.length];
         return /* @__PURE__ */ t(
           yt,
           {
@@ -1231,21 +1232,21 @@ function nn({
             stroke: v,
             fill: v + "44"
           },
-          S.id ?? L
+          S.id ?? T
         );
       }),
       y,
-      z
+      M
     ] });
-  } else if (n === "scatter")
-    c = /* @__PURE__ */ x(bt, { margin: E, children: [
+  } else if (r === "scatter")
+    c = /* @__PURE__ */ x(bt, { margin: N, children: [
       o,
       /* @__PURE__ */ t(
         We,
         {
           type: "number",
           dataKey: "x",
-          name: ((N = s.bottom) == null ? void 0 : N.title) || "x",
+          name: ((I = s.bottom) == null ? void 0 : I.title) || "x",
           tick: { fontSize: 11, fill: e.textSec },
           tickLine: !1,
           domain: [((l = s.bottom) == null ? void 0 : l.min) ?? "auto", ((g = s.bottom) == null ? void 0 : g.max) ?? "auto"],
@@ -1257,19 +1258,19 @@ function nn({
         {
           type: "number",
           dataKey: "y",
-          name: ((P = s.left) == null ? void 0 : P.title) || "y",
+          name: ((O = s.left) == null ? void 0 : O.title) || "y",
           tick: { fontSize: 11, fill: e.textSec },
           tickLine: !1,
           axisLine: !1,
-          domain: [((r = s.left) == null ? void 0 : r.min) ?? "auto", ((T = s.left) == null ? void 0 : T.max) ?? "auto"],
+          domain: [((n = s.left) == null ? void 0 : n.min) ?? "auto", ((R = s.left) == null ? void 0 : R.max) ?? "auto"],
           label: (F = s.left) != null && F.title ? { value: s.left.title, angle: -90, position: "insideLeft", fontSize: 11 } : void 0
         }
       ),
       y,
-      z,
+      M,
       d.map((k, S) => {
-        const L = k.value || "x", v = k.valueY || "y", j = (k.data || i).map((X) => ({
-          x: X[L],
+        const T = k.value || "x", v = k.valueY || "y", j = (k.data || i).map((X) => ({
+          x: X[T],
           y: X[v]
         }));
         return /* @__PURE__ */ t(
@@ -1277,14 +1278,14 @@ function nn({
           {
             data: j,
             name: k.label || k.id,
-            fill: k.color || ie[S % ie.length]
+            fill: k.color || le[S % le.length]
           },
           k.id ?? S
         );
       })
     ] });
-  else if (n === "treeMap") {
-    const k = d[0] || {}, S = k.value || "value", L = k.text || "name", v = It(i, S, L), j = k.stroke || e.surface, X = k.strokeWidth ?? 2;
+  else if (r === "treeMap") {
+    const k = d[0] || {}, S = k.value || "value", T = k.text || "name", v = Wt(i, S, T), j = k.stroke || e.surface, X = k.strokeWidth ?? 2;
     c = /* @__PURE__ */ t(
       St,
       {
@@ -1292,16 +1293,16 @@ function nn({
         dataKey: "value",
         aspectRatio: 4 / 3,
         stroke: j,
-        content: (U) => {
-          const { x: q, y: J, width: ee, height: te, depth: pe, index: ne, name: O } = U;
+        content: (Q) => {
+          const { x: q, y: U, width: ee, height: te, depth: pe, index: re, name: P } = Q;
           if (pe === 0) return null;
-          const de = ie[ne % ie.length];
+          const de = le[re % le.length];
           return /* @__PURE__ */ x("g", { children: [
             /* @__PURE__ */ t(
               "rect",
               {
                 x: q,
-                y: J,
+                y: U,
                 width: ee,
                 height: te,
                 fill: de,
@@ -1314,13 +1315,13 @@ function nn({
               "text",
               {
                 x: q + ee / 2,
-                y: J + te / 2,
+                y: U + te / 2,
                 textAnchor: "middle",
                 dominantBaseline: "middle",
                 fill: "#fff",
                 fontSize: 11,
                 pointerEvents: "none",
-                children: O
+                children: P
               }
             )
           ] });
@@ -1332,186 +1333,186 @@ function nn({
     "div",
     {
       className: "dhx",
-      style: { width: "100%", height: a, padding: 12, background: e.surface, borderRadius: e.rMd, ...f },
+      style: { width: "100%", height: a, padding: 12, background: e.surface, borderRadius: e.rMd, ...u },
       children: /* @__PURE__ */ t(vt, { width: "100%", height: "100%", children: c })
     }
   );
 }
-const Wt = ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"], Bt = ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"];
-function rn({ value: n, range: i = !1, timepicker: d = !1, onChange: s, style: h }) {
-  const a = /* @__PURE__ */ new Date(), f = n ? new Date(Array.isArray(n) ? n[0] : n) : a, [p, y] = W(f), [z, o] = W(n ?? (i ? [null, null] : null)), [b, $] = W(null), [E, H] = W({ h: 0, m: 0 });
-  Q(Z, []);
-  const c = p.getFullYear(), w = p.getMonth(), C = new Date(c, w, 1).getDay(), R = new Date(c, w + 1, 0).getDate(), A = [];
-  for (let u = 0; u < C; u++) A.push(null);
-  for (let u = 1; u <= R; u++) A.push(new Date(c, w, u));
-  const M = (u) => u.toDateString() === a.toDateString(), D = (u) => {
-    if (!z) return !1;
-    if (i && Array.isArray(z)) {
-      const [N, l] = z;
-      if (!N) return !1;
-      const g = u.getTime();
-      return l ? g >= N.getTime() && g <= l.getTime() : u.toDateString() === N.toDateString();
+const Bt = ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"], Ht = ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"];
+function ir({ value: r, range: i = !1, timepicker: d = !1, onChange: s, style: f }) {
+  const a = /* @__PURE__ */ new Date(), u = r ? new Date(Array.isArray(r) ? r[0] : r) : a, [p, y] = B(u), [M, o] = B(r ?? (i ? [null, null] : null)), [b, $] = B(null), [N, D] = B({ h: 0, m: 0 });
+  J(Z, []);
+  const c = p.getFullYear(), w = p.getMonth(), L = new Date(c, w, 1).getDay(), E = new Date(c, w + 1, 0).getDate(), A = [];
+  for (let h = 0; h < L; h++) A.push(null);
+  for (let h = 1; h <= E; h++) A.push(new Date(c, w, h));
+  const z = (h) => h.toDateString() === a.toDateString(), C = (h) => {
+    if (!M) return !1;
+    if (i && Array.isArray(M)) {
+      const [I, l] = M;
+      if (!I) return !1;
+      const g = h.getTime();
+      return l ? g >= I.getTime() && g <= l.getTime() : h.toDateString() === I.toDateString();
     }
-    return u.toDateString() === z.toDateString();
-  }, V = (u) => {
+    return h.toDateString() === M.toDateString();
+  }, V = (h) => {
     if (i) {
-      const [N, l] = Array.isArray(z) ? z : [null, null];
-      if (!N || l)
-        o([u, null]);
+      const [I, l] = Array.isArray(M) ? M : [null, null];
+      if (!I || l)
+        o([h, null]);
       else {
-        const g = u < N ? [u, N] : [N, u];
+        const g = h < I ? [h, I] : [I, h];
         o(g), s == null || s(g);
       }
     } else
-      o(u), s == null || s(u);
+      o(h), s == null || s(h);
   };
-  return /* @__PURE__ */ x("div", { className: "dhx", style: { background: e.surface, border: `1px solid ${e.border}`, borderRadius: e.rMd, padding: 16, display: "inline-block", boxShadow: e.shadow, ...h }, children: [
+  return /* @__PURE__ */ x("div", { className: "dhx", style: { background: e.surface, border: `1px solid ${e.border}`, borderRadius: e.rMd, padding: 16, display: "inline-block", boxShadow: e.shadow, ...f }, children: [
     /* @__PURE__ */ x("div", { style: { display: "flex", alignItems: "center", justifyContent: "space-between", marginBottom: 12 }, children: [
-      /* @__PURE__ */ t("button", { onClick: () => y((u) => new Date(u.getFullYear(), u.getMonth() - 1, 1)), className: "dhx dhx-btn dhx-btn-ghost", style: { height: 28, padding: "0 8px", fontSize: 16 }, children: "‹" }),
+      /* @__PURE__ */ t("button", { onClick: () => y((h) => new Date(h.getFullYear(), h.getMonth() - 1, 1)), className: "dhx dhx-btn dhx-btn-ghost", style: { height: 28, padding: "0 8px", fontSize: 16 }, children: "‹" }),
       /* @__PURE__ */ x("div", { style: { fontWeight: 700, fontSize: 14 }, children: [
-        Wt[w],
+        Bt[w],
         " ",
         c
       ] }),
-      /* @__PURE__ */ t("button", { onClick: () => y((u) => new Date(u.getFullYear(), u.getMonth() + 1, 1)), className: "dhx dhx-btn dhx-btn-ghost", style: { height: 28, padding: "0 8px", fontSize: 16 }, children: "›" })
+      /* @__PURE__ */ t("button", { onClick: () => y((h) => new Date(h.getFullYear(), h.getMonth() + 1, 1)), className: "dhx dhx-btn dhx-btn-ghost", style: { height: 28, padding: "0 8px", fontSize: 16 }, children: "›" })
     ] }),
     /* @__PURE__ */ x("div", { style: { display: "grid", gridTemplateColumns: "repeat(7, 32px)", gap: 2 }, children: [
-      Bt.map((u) => /* @__PURE__ */ t("div", { style: { textAlign: "center", fontSize: 11, fontWeight: 600, color: e.textMut, paddingBottom: 4 }, children: u }, u)),
-      A.map((u, N) => {
-        const l = u ? D(u) : !1, g = u && b && u.toDateString() === b.toDateString();
+      Ht.map((h) => /* @__PURE__ */ t("div", { style: { textAlign: "center", fontSize: 11, fontWeight: 600, color: e.textMut, paddingBottom: 4 }, children: h }, h)),
+      A.map((h, I) => {
+        const l = h ? C(h) : !1, g = h && b && h.toDateString() === b.toDateString();
         return /* @__PURE__ */ t(
           "div",
           {
-            onClick: () => u && V(u),
-            onMouseEnter: () => u && $(u),
+            onClick: () => h && V(h),
+            onMouseEnter: () => h && $(h),
             onMouseLeave: () => $(null),
-            style: { width: 32, height: 32, display: "flex", alignItems: "center", justifyContent: "center", borderRadius: e.r, cursor: u ? "pointer" : "default", fontSize: 12, fontWeight: u && M(u) ? 700 : 400, background: l ? e.primary : g ? e.bg : "transparent", color: l ? "#fff" : u && M(u) ? e.primary : u ? e.text : "transparent", border: u && M(u) && !l ? `1px solid ${e.primary}` : "1px solid transparent", transition: "all .1s" },
-            children: u == null ? void 0 : u.getDate()
+            style: { width: 32, height: 32, display: "flex", alignItems: "center", justifyContent: "center", borderRadius: e.r, cursor: h ? "pointer" : "default", fontSize: 12, fontWeight: h && z(h) ? 700 : 400, background: l ? e.primary : g ? e.bg : "transparent", color: l ? "#fff" : h && z(h) ? e.primary : h ? e.text : "transparent", border: h && z(h) && !l ? `1px solid ${e.primary}` : "1px solid transparent", transition: "all .1s" },
+            children: h == null ? void 0 : h.getDate()
           },
-          N
+          I
         );
       })
     ] }),
     d && /* @__PURE__ */ x("div", { style: { borderTop: `1px solid ${e.border}`, marginTop: 12, paddingTop: 12, display: "flex", alignItems: "center", justifyContent: "center", gap: 8 }, children: [
-      /* @__PURE__ */ t("input", { type: "number", min: 0, max: 23, value: E.h, onChange: (u) => H((N) => ({ ...N, h: +u.target.value })), className: "dhx dhx-input", style: { width: 50, textAlign: "center" } }),
+      /* @__PURE__ */ t("input", { type: "number", min: 0, max: 23, value: N.h, onChange: (h) => D((I) => ({ ...I, h: +h.target.value })), className: "dhx dhx-input", style: { width: 50, textAlign: "center" } }),
       /* @__PURE__ */ t("span", { style: { fontWeight: 700, color: e.textSec }, children: ":" }),
-      /* @__PURE__ */ t("input", { type: "number", min: 0, max: 59, value: E.m, onChange: (u) => H((N) => ({ ...N, m: +u.target.value })), className: "dhx dhx-input", style: { width: 50, textAlign: "center" } })
+      /* @__PURE__ */ t("input", { type: "number", min: 0, max: 59, value: N.m, onChange: (h) => D((I) => ({ ...I, m: +h.target.value })), className: "dhx dhx-input", style: { width: 50, textAlign: "center" } })
     ] })
   ] });
 }
-function Ht({ value: n, onChange: i, timeFormat: d = 12, controls: s = !1, minuteStep: h = 5, style: a }) {
-  const [f, p] = W((n == null ? void 0 : n.h) ?? (d === 24 ? 0 : 12)), [y, z] = W((n == null ? void 0 : n.m) ?? 0), [o, b] = W((n == null ? void 0 : n.ampm) ?? "AM"), [$, E] = W(null);
-  Q(Z, []);
-  const H = d === 24 ? Array.from({ length: 24 }, (M, D) => D) : Array.from({ length: 12 }, (M, D) => D + 1), c = Array.from({ length: Math.ceil(60 / h) }, (M, D) => D * h), w = (M, D, V) => {
-    const u = d === 24 ? { h: M, m: D } : { h: M, m: D, ampm: V };
-    s ? E(u) : i == null || i(u);
-  }, C = () => {
-    E(null), p((n == null ? void 0 : n.h) ?? (d === 24 ? 0 : 12)), z((n == null ? void 0 : n.m) ?? 0), b((n == null ? void 0 : n.ampm) ?? "AM");
-  }, R = { display: "flex", flexDirection: "column", alignItems: "center", gap: 4 }, A = (M) => ({
+function At({ value: r, onChange: i, timeFormat: d = 12, controls: s = !1, minuteStep: f = 5, style: a }) {
+  const [u, p] = B((r == null ? void 0 : r.h) ?? (d === 24 ? 0 : 12)), [y, M] = B((r == null ? void 0 : r.m) ?? 0), [o, b] = B((r == null ? void 0 : r.ampm) ?? "AM"), [$, N] = B(null);
+  J(Z, []);
+  const D = d === 24 ? Array.from({ length: 24 }, (z, C) => C) : Array.from({ length: 12 }, (z, C) => C + 1), c = Array.from({ length: Math.ceil(60 / f) }, (z, C) => C * f), w = (z, C, V) => {
+    const h = d === 24 ? { h: z, m: C } : { h: z, m: C, ampm: V };
+    s ? N(h) : i == null || i(h);
+  }, L = () => {
+    N(null), p((r == null ? void 0 : r.h) ?? (d === 24 ? 0 : 12)), M((r == null ? void 0 : r.m) ?? 0), b((r == null ? void 0 : r.ampm) ?? "AM");
+  }, E = { display: "flex", flexDirection: "column", alignItems: "center", gap: 4 }, A = (z) => ({
     height: 32,
     display: "flex",
     alignItems: "center",
     justifyContent: "center",
     cursor: "pointer",
     fontSize: 13,
-    fontWeight: M ? 700 : 400,
-    background: M ? e.primaryLt : "transparent",
-    color: M ? e.primary : e.text
+    fontWeight: z ? 700 : 400,
+    background: z ? e.primaryLt : "transparent",
+    color: z ? e.primary : e.text
   });
   return /* @__PURE__ */ x("div", { className: "dhx", style: { background: e.surface, border: `1px solid ${e.border}`, borderRadius: e.rMd, padding: 16, display: "inline-block", boxShadow: e.shadow, ...a }, children: [
     /* @__PURE__ */ x("div", { style: { display: "flex", gap: 8, alignItems: "stretch" }, children: [
-      /* @__PURE__ */ x("div", { style: R, children: [
+      /* @__PURE__ */ x("div", { style: E, children: [
         /* @__PURE__ */ t("span", { style: { fontSize: 11, fontWeight: 600, color: e.textMut }, children: "Hours" }),
-        /* @__PURE__ */ t("div", { className: "dhx-scroll", style: { height: 160, overflowY: "auto", width: 48, border: `1px solid ${e.border}`, borderRadius: e.r }, children: H.map((M) => /* @__PURE__ */ t(
+        /* @__PURE__ */ t("div", { className: "dhx-scroll", style: { height: 160, overflowY: "auto", width: 48, border: `1px solid ${e.border}`, borderRadius: e.r }, children: D.map((z) => /* @__PURE__ */ t(
           "div",
           {
             onClick: () => {
-              p(M), w(M, y, o);
+              p(z), w(z, y, o);
             },
-            style: A(f === M),
-            onMouseEnter: (D) => f !== M && (D.currentTarget.style.background = e.bg),
-            onMouseLeave: (D) => f !== M && (D.currentTarget.style.background = "transparent"),
-            children: String(M).padStart(2, "0")
+            style: A(u === z),
+            onMouseEnter: (C) => u !== z && (C.currentTarget.style.background = e.bg),
+            onMouseLeave: (C) => u !== z && (C.currentTarget.style.background = "transparent"),
+            children: String(z).padStart(2, "0")
           },
-          M
+          z
         )) })
       ] }),
-      /* @__PURE__ */ x("div", { style: R, children: [
+      /* @__PURE__ */ x("div", { style: E, children: [
         /* @__PURE__ */ t("span", { style: { fontSize: 11, fontWeight: 600, color: e.textMut }, children: "Minutes" }),
-        /* @__PURE__ */ t("div", { className: "dhx-scroll", style: { height: 160, overflowY: "auto", width: 48, border: `1px solid ${e.border}`, borderRadius: e.r }, children: c.map((M) => /* @__PURE__ */ t(
+        /* @__PURE__ */ t("div", { className: "dhx-scroll", style: { height: 160, overflowY: "auto", width: 48, border: `1px solid ${e.border}`, borderRadius: e.r }, children: c.map((z) => /* @__PURE__ */ t(
           "div",
           {
             onClick: () => {
-              z(M), w(f, M, o);
+              M(z), w(u, z, o);
             },
-            style: A(y === M),
-            onMouseEnter: (D) => y !== M && (D.currentTarget.style.background = e.bg),
-            onMouseLeave: (D) => y !== M && (D.currentTarget.style.background = "transparent"),
-            children: String(M).padStart(2, "0")
+            style: A(y === z),
+            onMouseEnter: (C) => y !== z && (C.currentTarget.style.background = e.bg),
+            onMouseLeave: (C) => y !== z && (C.currentTarget.style.background = "transparent"),
+            children: String(z).padStart(2, "0")
           },
-          M
+          z
         )) })
       ] }),
-      d === 12 && /* @__PURE__ */ x("div", { style: R, children: [
+      d === 12 && /* @__PURE__ */ x("div", { style: E, children: [
         /* @__PURE__ */ t("span", { style: { fontSize: 11, fontWeight: 600, color: e.textMut }, children: "AM/PM" }),
-        /* @__PURE__ */ t("div", { style: { display: "flex", flexDirection: "column", border: `1px solid ${e.border}`, borderRadius: e.r, overflow: "hidden" }, children: ["AM", "PM"].map((M) => /* @__PURE__ */ t(
+        /* @__PURE__ */ t("div", { style: { display: "flex", flexDirection: "column", border: `1px solid ${e.border}`, borderRadius: e.r, overflow: "hidden" }, children: ["AM", "PM"].map((z) => /* @__PURE__ */ t(
           "div",
           {
             onClick: () => {
-              b(M), w(f, y, M);
+              b(z), w(u, y, z);
             },
-            style: { height: 40, display: "flex", alignItems: "center", justifyContent: "center", cursor: "pointer", padding: "0 12px", fontSize: 13, fontWeight: o === M ? 700 : 400, background: o === M ? e.primary : e.surface, color: o === M ? "#fff" : e.text },
-            children: M
+            style: { height: 40, display: "flex", alignItems: "center", justifyContent: "center", cursor: "pointer", padding: "0 12px", fontSize: 13, fontWeight: o === z ? 700 : 400, background: o === z ? e.primary : e.surface, color: o === z ? "#fff" : e.text },
+            children: z
           },
-          M
+          z
         )) })
       ] })
     ] }),
     /* @__PURE__ */ x("div", { style: { textAlign: "center", marginTop: 12, fontSize: 22, fontWeight: 700, color: e.primary, letterSpacing: 2 }, children: [
-      String(f).padStart(2, "0"),
+      String(u).padStart(2, "0"),
       ":",
       String(y).padStart(2, "0"),
       d === 12 ? ` ${o}` : ""
     ] }),
     s && /* @__PURE__ */ x("div", { style: { display: "flex", gap: 8, justifyContent: "flex-end", marginTop: 12 }, children: [
-      /* @__PURE__ */ t("button", { className: "dhx dhx-btn dhx-btn-secondary", onClick: C, children: "Cancel" }),
+      /* @__PURE__ */ t("button", { className: "dhx dhx-btn dhx-btn-secondary", onClick: L, children: "Cancel" }),
       /* @__PURE__ */ t("button", { className: "dhx dhx-btn dhx-btn-primary", onClick: () => {
-        const M = $ ?? (d === 24 ? { h: f, m: y } : { h: f, m: y, ampm: o });
-        i == null || i(M);
+        const z = $ ?? (d === 24 ? { h: u, m: y } : { h: u, m: y, ampm: o });
+        i == null || i(z);
       }, children: "Apply" })
     ] })
   ] });
 }
-const At = ({ open: n }) => /* @__PURE__ */ t("svg", { width: "12", height: "12", viewBox: "0 0 12 12", style: { flexShrink: 0, transition: "transform .15s", transform: n ? "rotate(180deg)" : "rotate(0deg)" }, children: /* @__PURE__ */ t("path", { d: "M2 4l4 4 4-4", stroke: e.textMut, strokeWidth: "1.5", fill: "none", strokeLinecap: "round", strokeLinejoin: "round" }) });
-function je({ data: n = [], value: i, placeholder: d = "Select or type...", multiselection: s = !1, label: h, onChange: a, style: f }) {
+const jt = ({ open: r }) => /* @__PURE__ */ t("svg", { width: "12", height: "12", viewBox: "0 0 12 12", style: { flexShrink: 0, transition: "transform .15s", transform: r ? "rotate(180deg)" : "rotate(0deg)" }, children: /* @__PURE__ */ t("path", { d: "M2 4l4 4 4-4", stroke: e.textMut, strokeWidth: "1.5", fill: "none", strokeLinecap: "round", strokeLinejoin: "round" }) });
+function je({ data: r = [], value: i, placeholder: d = "Select or type...", multiselection: s = !1, label: f, onChange: a, style: u }) {
   var V;
-  const [p, y] = W(!1), [z, o] = W(""), [b, $] = W(
+  const [p, y] = B(!1), [M, o] = B(""), [b, $] = B(
     s ? i ? [].concat(i) : [] : i || null
-  ), E = le(null), H = le(null);
-  Q(Z, []), xe(E, ae(() => {
+  ), N = ie(null), D = ie(null);
+  J(Z, []), xe(N, ae(() => {
     y(!1), o("");
   }, []));
   const c = ue(
-    () => n.filter((u) => !z || u.value.toLowerCase().includes(z.toLowerCase())),
-    [n, z]
-  ), w = (u) => s ? (b || []).includes(u) : b === u, C = (u) => {
-    const N = u.id || u.value;
+    () => r.filter((h) => !M || h.value.toLowerCase().includes(M.toLowerCase())),
+    [r, M]
+  ), w = (h) => s ? (b || []).includes(h) : b === h, L = (h) => {
+    const I = h.id || h.value;
     if (s) {
-      const l = w(N) ? b.filter((g) => g !== N) : [...b || [], N];
+      const l = w(I) ? b.filter((g) => g !== I) : [...b || [], I];
       $(l), a == null || a(l);
     } else
-      $(N), o(""), y(!1), a == null || a(N);
-  }, R = (u) => {
-    const N = b.filter((l) => l !== u);
-    $(N), a == null || a(N);
+      $(I), o(""), y(!1), a == null || a(I);
+  }, E = (h) => {
+    const I = b.filter((l) => l !== h);
+    $(I), a == null || a(I);
   }, A = () => {
     y(!0), setTimeout(() => {
-      var u;
-      return (u = H.current) == null ? void 0 : u.focus();
+      var h;
+      return (h = D.current) == null ? void 0 : h.focus();
     }, 0);
-  }, M = ((V = n.find((u) => (u.id || u.value) === b)) == null ? void 0 : V.value) || "", D = s ? b || [] : [];
-  return /* @__PURE__ */ x("div", { ref: E, className: "dhx", style: { position: "relative", ...f }, children: [
-    h && /* @__PURE__ */ t("label", { className: "dhx dhx-label", children: h }),
+  }, z = ((V = r.find((h) => (h.id || h.value) === b)) == null ? void 0 : V.value) || "", C = s ? b || [] : [];
+  return /* @__PURE__ */ x("div", { ref: N, className: "dhx", style: { position: "relative", ...u }, children: [
+    f && /* @__PURE__ */ t("label", { className: "dhx dhx-label", children: f }),
     /* @__PURE__ */ x(
       "div",
       {
@@ -1532,8 +1533,8 @@ function je({ data: n = [], value: i, placeholder: d = "Select or type...", mult
         },
         children: [
           s && /* @__PURE__ */ x(Ye, { children: [
-            D.map((u) => {
-              var N;
+            C.map((h) => {
+              var I;
               return /* @__PURE__ */ x("span", { style: {
                 display: "inline-flex",
                 alignItems: "center",
@@ -1546,30 +1547,30 @@ function je({ data: n = [], value: i, placeholder: d = "Select or type...", mult
                 lineHeight: 1.5,
                 whiteSpace: "nowrap"
               }, children: [
-                ((N = n.find((l) => (l.id || l.value) === u)) == null ? void 0 : N.value) || u,
+                ((I = r.find((l) => (l.id || l.value) === h)) == null ? void 0 : I.value) || h,
                 /* @__PURE__ */ t(
                   "span",
                   {
                     onClick: (l) => {
-                      l.stopPropagation(), R(u);
+                      l.stopPropagation(), E(h);
                     },
                     style: { cursor: "pointer", fontSize: 15, lineHeight: 1, opacity: 0.75, marginLeft: 2 },
                     children: "×"
                   }
                 )
-              ] }, u);
+              ] }, h);
             }),
             /* @__PURE__ */ t(
               "input",
               {
-                ref: H,
-                value: z,
-                onChange: (u) => {
-                  o(u.target.value), y(!0);
+                ref: D,
+                value: M,
+                onChange: (h) => {
+                  o(h.target.value), y(!0);
                 },
                 onFocus: () => y(!0),
-                onClick: (u) => u.stopPropagation(),
-                placeholder: D.length ? "" : d,
+                onClick: (h) => h.stopPropagation(),
+                placeholder: C.length ? "" : d,
                 style: { flex: 1, minWidth: 60, border: "none", outline: "none", fontSize: 13, background: "transparent", color: e.text, padding: 0 }
               }
             )
@@ -1577,20 +1578,20 @@ function je({ data: n = [], value: i, placeholder: d = "Select or type...", mult
           !s && /* @__PURE__ */ t(
             "input",
             {
-              ref: H,
-              value: p ? z : M,
-              onChange: (u) => {
-                o(u.target.value), y(!0);
+              ref: D,
+              value: p ? M : z,
+              onChange: (h) => {
+                o(h.target.value), y(!0);
               },
               onFocus: () => {
                 y(!0), o("");
               },
-              onClick: (u) => u.stopPropagation(),
+              onClick: (h) => h.stopPropagation(),
               placeholder: d,
               style: { flex: 1, border: "none", outline: "none", fontSize: 13, background: "transparent", color: e.text, padding: 0 }
             }
           ),
-          /* @__PURE__ */ t(At, { open: p })
+          /* @__PURE__ */ t(jt, { open: p })
         ]
       }
     ),
@@ -1605,12 +1606,12 @@ function je({ data: n = [], value: i, placeholder: d = "Select or type...", mult
       boxShadow: e.shadowLg,
       zIndex: 100
     }, children: /* @__PURE__ */ x("div", { className: "dhx-scroll", style: { maxHeight: 220, overflowY: "auto" }, children: [
-      c.map((u) => {
-        const N = u.id || u.value, l = w(N);
+      c.map((h) => {
+        const I = h.id || h.value, l = w(I);
         return /* @__PURE__ */ x(
           "div",
           {
-            onClick: () => C(u),
+            onClick: () => L(h),
             style: {
               padding: "8px 12px",
               cursor: "pointer",
@@ -1635,94 +1636,94 @@ function je({ data: n = [], value: i, placeholder: d = "Select or type...", mult
                 justifyContent: "center",
                 background: l ? e.primary : "transparent"
               }, children: l && /* @__PURE__ */ t("span", { style: { color: "#fff", fontSize: 9, lineHeight: 1 }, children: "✓" }) }),
-              /* @__PURE__ */ t("span", { style: { flex: 1 }, children: u.value }),
+              /* @__PURE__ */ t("span", { style: { flex: 1 }, children: h.value }),
               !s && l && /* @__PURE__ */ t("span", { style: { color: e.primary, fontSize: 12, fontWeight: 700 }, children: "✓" }),
-              u.count !== void 0 && /* @__PURE__ */ x("span", { style: { fontSize: 11, color: e.textMut }, children: [
+              h.count !== void 0 && /* @__PURE__ */ x("span", { style: { fontSize: 11, color: e.textMut }, children: [
                 "(",
-                u.count,
+                h.count,
                 ")"
               ] })
             ]
           },
-          N
+          I
         );
       }),
       c.length === 0 && /* @__PURE__ */ t("div", { style: { padding: 16, textAlign: "center", color: e.textMut, fontSize: 13 }, children: "No matches" })
     ] }) })
   ] });
 }
-function Pe({ min: n = 0, max: i = 100, step: d = 1, value: s, range: h = !1, label: a, tick: f, disabled: p = !1, onChange: y, style: z }) {
-  const [o, b] = W(s ?? (h ? [n, i] : n));
-  Q(Z, []);
-  const $ = (C, R) => {
+function Oe({ min: r = 0, max: i = 100, step: d = 1, value: s, range: f = !1, label: a, tick: u, disabled: p = !1, onChange: y, style: M }) {
+  const [o, b] = B(s ?? (f ? [r, i] : r));
+  J(Z, []);
+  const $ = (L, E) => {
     if (!p)
-      if (h) {
+      if (f) {
         const A = [...o];
-        A[C] = R, b(A), y == null || y(A);
+        A[L] = E, b(A), y == null || y(A);
       } else
-        b(R), y == null || y(R);
-  }, E = (C) => (C - n) / (i - n) * 100, H = h ? o : [o], c = h ? { left: `${E(H[0])}%`, width: `${E(H[1]) - E(H[0])}%` } : { left: 0, width: `${E(H[0])}%` }, w = p ? e.border : e.primary;
-  return /* @__PURE__ */ x("div", { className: "dhx", style: { width: "100%", opacity: p ? 0.5 : 1, ...z }, children: [
+        b(E), y == null || y(E);
+  }, N = (L) => (L - r) / (i - r) * 100, D = f ? o : [o], c = f ? { left: `${N(D[0])}%`, width: `${N(D[1]) - N(D[0])}%` } : { left: 0, width: `${N(D[0])}%` }, w = p ? e.border : e.primary;
+  return /* @__PURE__ */ x("div", { className: "dhx", style: { width: "100%", opacity: p ? 0.5 : 1, ...M }, children: [
     a && /* @__PURE__ */ t("label", { className: "dhx dhx-label", children: a }),
     /* @__PURE__ */ t("div", { style: { position: "relative", height: 36, display: "flex", alignItems: "center" }, children: /* @__PURE__ */ x("div", { style: { position: "relative", flex: 1, height: 4, background: e.border, borderRadius: 2 }, children: [
       /* @__PURE__ */ t("div", { style: { position: "absolute", ...c, height: "100%", background: w, borderRadius: 2 } }),
-      H.map((C, R) => /* @__PURE__ */ t(
+      D.map((L, E) => /* @__PURE__ */ t(
         "input",
         {
           type: "range",
-          min: n,
+          min: r,
           max: i,
           step: d,
-          value: C,
+          value: L,
           disabled: p,
           onChange: (A) => {
-            const M = +A.target.value;
-            h && R === 0 && M >= o[1] || h && R === 1 && M <= o[0] || $(R, M);
+            const z = +A.target.value;
+            f && E === 0 && z >= o[1] || f && E === 1 && z <= o[0] || $(E, z);
           },
           style: { position: "absolute", width: "100%", height: "100%", opacity: 0, cursor: p ? "not-allowed" : "pointer", top: 0, left: 0, margin: 0 }
         },
-        R
+        E
       )),
-      H.map((C, R) => /* @__PURE__ */ t("div", { style: { position: "absolute", left: `${E(C)}%`, top: "50%", transform: "translate(-50%, -50%)", width: 16, height: 16, borderRadius: "50%", background: e.surface, border: `2px solid ${w}`, boxShadow: "0 1px 4px rgba(0,0,0,.2)", pointerEvents: "none" }, children: /* @__PURE__ */ t("div", { style: { position: "absolute", bottom: "calc(100% + 6px)", left: "50%", transform: "translateX(-50%)", background: p ? e.textMut : e.primaryDk, color: "#fff", padding: "2px 6px", borderRadius: e.r, fontSize: 11, fontWeight: 700, whiteSpace: "nowrap" }, children: C }) }, R))
+      D.map((L, E) => /* @__PURE__ */ t("div", { style: { position: "absolute", left: `${N(L)}%`, top: "50%", transform: "translate(-50%, -50%)", width: 16, height: 16, borderRadius: "50%", background: e.surface, border: `2px solid ${w}`, boxShadow: "0 1px 4px rgba(0,0,0,.2)", pointerEvents: "none" }, children: /* @__PURE__ */ t("div", { style: { position: "absolute", bottom: "calc(100% + 6px)", left: "50%", transform: "translateX(-50%)", background: p ? e.textMut : e.primaryDk, color: "#fff", padding: "2px 6px", borderRadius: e.r, fontSize: 11, fontWeight: 700, whiteSpace: "nowrap" }, children: L }) }, E))
     ] }) }),
-    f && /* @__PURE__ */ t("div", { style: { display: "flex", justifyContent: "space-between", marginTop: 2 }, children: [n, Math.round((i + n) / 2), i].map((C) => /* @__PURE__ */ t("span", { style: { fontSize: 10, color: e.textMut }, children: C }, C)) })
+    u && /* @__PURE__ */ t("div", { style: { display: "flex", justifyContent: "space-between", marginTop: 2 }, children: [r, Math.round((i + r) / 2), i].map((L) => /* @__PURE__ */ t("span", { style: { fontSize: 10, color: e.textMut }, children: L }, L)) })
   ] });
 }
-const jt = ["#f44336", "#e91e63", "#9c27b0", "#673ab7", "#3f51b5", "#2196f3", "#03a9f4", "#00bcd4", "#009688", "#4caf50", "#8bc34a", "#cddc39", "#ffeb3b", "#ffc107", "#ff9800", "#ff5722", "#795548", "#607d8b", "#9e9e9e", "#000000", "#ffffff", "#0288d1", "#01579b", "#43a047", "#e53935", "#f57c00"];
-function ze(n) {
-  const i = parseInt(n.slice(1, 3), 16) / 255, d = parseInt(n.slice(3, 5), 16) / 255, s = parseInt(n.slice(5, 7), 16) / 255, h = Math.max(i, d, s), a = Math.min(i, d, s);
-  let f = 0, p = 0;
-  const y = (h + a) / 2;
-  if (h !== a) {
-    const z = h - a;
-    p = y > 0.5 ? z / (2 - h - a) : z / (h + a), f = h === i ? ((d - s) / z + (d < s ? 6 : 0)) / 6 : h === d ? ((s - i) / z + 2) / 6 : ((i - d) / z + 4) / 6;
+const Ot = ["#f44336", "#e91e63", "#9c27b0", "#673ab7", "#3f51b5", "#2196f3", "#03a9f4", "#00bcd4", "#009688", "#4caf50", "#8bc34a", "#cddc39", "#ffeb3b", "#ffc107", "#ff9800", "#ff5722", "#795548", "#607d8b", "#9e9e9e", "#000000", "#ffffff", "#0288d1", "#01579b", "#43a047", "#e53935", "#f57c00"];
+function ze(r) {
+  const i = parseInt(r.slice(1, 3), 16) / 255, d = parseInt(r.slice(3, 5), 16) / 255, s = parseInt(r.slice(5, 7), 16) / 255, f = Math.max(i, d, s), a = Math.min(i, d, s);
+  let u = 0, p = 0;
+  const y = (f + a) / 2;
+  if (f !== a) {
+    const M = f - a;
+    p = y > 0.5 ? M / (2 - f - a) : M / (f + a), u = f === i ? ((d - s) / M + (d < s ? 6 : 0)) / 6 : f === d ? ((s - i) / M + 2) / 6 : ((i - d) / M + 4) / 6;
   }
-  return [Math.round(f * 360), Math.round(p * 100), Math.round(y * 100)];
+  return [Math.round(u * 360), Math.round(p * 100), Math.round(y * 100)];
 }
-function Oe(n, i, d) {
+function Pe(r, i, d) {
   i /= 100, d /= 100;
-  const s = i * Math.min(d, 1 - d), h = (a) => {
-    const f = (a + n / 30) % 12, p = d - s * Math.max(Math.min(f - 3, 9 - f, 1), -1);
+  const s = i * Math.min(d, 1 - d), f = (a) => {
+    const u = (a + r / 30) % 12, p = d - s * Math.max(Math.min(u - 3, 9 - u, 1), -1);
     return Math.round(255 * p).toString(16).padStart(2, "0");
   };
-  return "#" + h(0) + h(8) + h(4);
+  return "#" + f(0) + f(8) + f(4);
 }
-function on({ value: n = "#0288d1", onChange: i, style: d }) {
-  const [s, h] = W(() => ze(n)), a = Oe(...s);
-  Q(Z, []);
-  const f = (p) => {
-    h(p), i == null || i(Oe(...p));
+function lr({ value: r = "#0288d1", onChange: i, style: d }) {
+  const [s, f] = B(() => ze(r)), a = Pe(...s);
+  J(Z, []);
+  const u = (p) => {
+    f(p), i == null || i(Pe(...p));
   };
   return /* @__PURE__ */ x("div", { className: "dhx", style: { background: e.surface, border: `1px solid ${e.border}`, borderRadius: e.rMd, padding: 16, display: "inline-block", boxShadow: e.shadow, ...d }, children: [
     /* @__PURE__ */ t("div", { style: { width: 200, height: 120, borderRadius: e.r, marginBottom: 12, background: `linear-gradient(to bottom, transparent, black), linear-gradient(to right, white, hsl(${s[0]},100%,50%))`, cursor: "crosshair" } }),
-    [["Hue", 0, 360, s[0]], ["Saturation", 0, 100, s[1]], ["Lightness", 0, 100, s[2]]].map(([p, y, z, o], b) => /* @__PURE__ */ x("div", { style: { marginBottom: b < 2 ? 8 : 12 }, children: [
+    [["Hue", 0, 360, s[0]], ["Saturation", 0, 100, s[1]], ["Lightness", 0, 100, s[2]]].map(([p, y, M, o], b) => /* @__PURE__ */ x("div", { style: { marginBottom: b < 2 ? 8 : 12 }, children: [
       /* @__PURE__ */ x("div", { className: "dhx dhx-label", children: [
         p,
         b > 0 ? ` (${o}%)` : ""
       ] }),
-      /* @__PURE__ */ t("input", { type: "range", min: y, max: z, value: o, onChange: ($) => {
-        const E = [...s];
-        E[b] = +$.target.value, f(E);
+      /* @__PURE__ */ t("input", { type: "range", min: y, max: M, value: o, onChange: ($) => {
+        const N = [...s];
+        N[b] = +$.target.value, u(N);
       }, style: { width: "100%", accentColor: e.primary } })
     ] }, p)),
     /* @__PURE__ */ x("div", { style: { display: "flex", alignItems: "center", gap: 8, marginBottom: 12 }, children: [
@@ -1735,18 +1736,18 @@ function on({ value: n = "#0288d1", onChange: i, style: d }) {
           value: a,
           onChange: (p) => {
             try {
-              f(ze(p.target.value)), i == null || i(p.target.value);
+              u(ze(p.target.value)), i == null || i(p.target.value);
             } catch {
             }
           }
         }
       )
     ] }),
-    /* @__PURE__ */ t("div", { style: { display: "grid", gridTemplateColumns: "repeat(13, 1fr)", gap: 3 }, children: jt.map((p) => /* @__PURE__ */ t(
+    /* @__PURE__ */ t("div", { style: { display: "grid", gridTemplateColumns: "repeat(13, 1fr)", gap: 3 }, children: Ot.map((p) => /* @__PURE__ */ t(
       "div",
       {
         onClick: () => {
-          h(ze(p)), i == null || i(p);
+          f(ze(p)), i == null || i(p);
         },
         style: { width: 14, height: 14, borderRadius: 2, background: p, cursor: "pointer", border: a === p ? `2px solid ${e.text}` : "1px solid rgba(0,0,0,.15)", transition: "transform .1s" },
         onMouseEnter: (y) => y.currentTarget.style.transform = "scale(1.3)",
@@ -1756,43 +1757,43 @@ function on({ value: n = "#0288d1", onChange: i, style: d }) {
     )) })
   ] });
 }
-function ln({ trigger: n, children: i, placement: d = "bottom-start", style: s }) {
-  const [h, a] = W(!1), [f, p] = W({ top: "100%", left: 0 }), y = le(null), z = le(null);
-  return Q(Z, []), xe(y, ae(() => a(!1), [])), /* @__PURE__ */ x("div", { ref: y, className: "dhx", style: { position: "relative", display: "inline-block" }, children: [
-    /* @__PURE__ */ t("div", { ref: z, onClick: () => {
+function sr({ trigger: r, children: i, placement: d = "bottom-start", style: s }) {
+  const [f, a] = B(!1), [u, p] = B({ top: "100%", left: 0 }), y = ie(null), M = ie(null);
+  return J(Z, []), xe(y, ae(() => a(!1), [])), /* @__PURE__ */ x("div", { ref: y, className: "dhx", style: { position: "relative", display: "inline-block" }, children: [
+    /* @__PURE__ */ t("div", { ref: M, onClick: () => {
       a((b) => {
-        if (!b && z.current) {
-          const $ = z.current.getBoundingClientRect(), E = {
+        if (!b && M.current) {
+          const $ = M.current.getBoundingClientRect(), N = {
             "bottom-start": { top: $.height + 4, left: 0 },
             "bottom-end": { top: $.height + 4, right: 0, left: "auto" },
             "top-start": { bottom: $.height + 4, top: "auto", left: 0 }
           };
-          p(E[d] || E["bottom-start"]);
+          p(N[d] || N["bottom-start"]);
         }
         return !b;
       });
-    }, children: n }),
-    h && /* @__PURE__ */ t("div", { className: "dhx dhx-anim-fade", style: { position: "absolute", ...f, zIndex: 200, background: e.surface, border: `1px solid ${e.border}`, borderRadius: e.rMd, boxShadow: e.shadowLg, ...s }, children: i })
+    }, children: r }),
+    f && /* @__PURE__ */ t("div", { className: "dhx dhx-anim-fade", style: { position: "absolute", ...u, zIndex: 200, background: e.surface, border: `1px solid ${e.border}`, borderRadius: e.rMd, boxShadow: e.shadowLg, ...s }, children: i })
   ] });
 }
-function sn({ title: n, children: i, width: d = 480, height: s, closable: h = !0, movable: a = !0, modal: f = !1, defaultOpen: p = !0, footer: y, onClose: z, style: o }) {
-  const [b, $] = W(p), [E, H] = W({ x: 0, y: 0 });
-  Q(Z, []);
-  const c = wt(ae((C, R) => a && H({ x: C, y: R }), [a])), w = () => {
-    $(!1), z == null || z();
+function ar({ title: r, children: i, width: d = 480, height: s, closable: f = !0, movable: a = !0, modal: u = !1, defaultOpen: p = !0, footer: y, onClose: M, style: o }) {
+  const [b, $] = B(p), [N, D] = B({ x: 0, y: 0 });
+  J(Z, []);
+  const c = zt(ae((L, E) => a && D({ x: L, y: E }), [a])), w = () => {
+    $(!1), M == null || M();
   };
   return b ? /* @__PURE__ */ x(Ye, { children: [
-    f && /* @__PURE__ */ t("div", { style: { position: "fixed", inset: 0, background: "rgba(0,0,0,.45)", zIndex: 900 }, onClick: h ? w : void 0 }),
-    /* @__PURE__ */ x("div", { className: "dhx", style: { position: f ? "fixed" : "absolute", left: "50%", top: "50%", transform: `translate(calc(-50% + ${E.x}px), calc(-50% + ${E.y}px))`, width: d, ...s ? { height: s } : {}, background: e.surface, borderRadius: e.rMd, boxShadow: e.shadowLg, zIndex: 901, display: "flex", flexDirection: "column", overflow: "hidden", ...o }, children: [
-      /* @__PURE__ */ x("div", { onMouseDown: (C) => c(C, E.x, E.y), style: { display: "flex", alignItems: "center", padding: "12px 16px", borderBottom: `1px solid ${e.border}`, cursor: a ? "grab" : "default", background: e.bg, gap: 8, userSelect: "none" }, children: [
-        /* @__PURE__ */ t("span", { style: { flex: 1, fontWeight: 700, fontSize: 15 }, children: n }),
-        h && /* @__PURE__ */ t(
+    u && /* @__PURE__ */ t("div", { style: { position: "fixed", inset: 0, background: "rgba(0,0,0,.45)", zIndex: 900 }, onClick: f ? w : void 0 }),
+    /* @__PURE__ */ x("div", { className: "dhx", style: { position: u ? "fixed" : "absolute", left: "50%", top: "50%", transform: `translate(calc(-50% + ${N.x}px), calc(-50% + ${N.y}px))`, width: d, ...s ? { height: s } : {}, background: e.surface, borderRadius: e.rMd, boxShadow: e.shadowLg, zIndex: 901, display: "flex", flexDirection: "column", overflow: "hidden", ...o }, children: [
+      /* @__PURE__ */ x("div", { onMouseDown: (L) => c(L, N.x, N.y), style: { display: "flex", alignItems: "center", padding: "12px 16px", borderBottom: `1px solid ${e.border}`, cursor: a ? "grab" : "default", background: e.bg, gap: 8, userSelect: "none" }, children: [
+        /* @__PURE__ */ t("span", { style: { flex: 1, fontWeight: 700, fontSize: 15 }, children: r }),
+        f && /* @__PURE__ */ t(
           "button",
           {
             onClick: w,
             style: { background: "none", border: "none", cursor: "pointer", width: 28, height: 28, borderRadius: e.r, display: "flex", alignItems: "center", justifyContent: "center", fontSize: 18, color: e.textSec },
-            onMouseEnter: (C) => C.currentTarget.style.background = e.border,
-            onMouseLeave: (C) => C.currentTarget.style.background = "none",
+            onMouseEnter: (L) => L.currentTarget.style.background = e.border,
+            onMouseLeave: (L) => L.currentTarget.style.background = "none",
             children: "×"
           }
         )
@@ -1803,56 +1804,56 @@ function sn({ title: n, children: i, width: d = 480, height: s, closable: h = !0
   ] }) : null;
 }
 const Ke = Ze(null), Pt = { success: "✓", error: "✕", warning: "⚠", info: "ℹ" }, Fe = { success: e.success, error: e.danger, warning: e.warning, info: e.primary };
-function an({ children: n }) {
-  const [i, d] = W([]);
-  Q(Z, []);
-  const s = ae((f) => d((p) => p.filter((y) => y.id !== f)), []), h = ae((f) => {
+function dr({ children: r }) {
+  const [i, d] = B([]);
+  J(Z, []);
+  const s = ae((u) => d((p) => p.filter((y) => y.id !== u)), []), f = ae((u) => {
     const p = Date.now();
-    return d((y) => [...y, { id: p, ...f }]), f.duration !== 0 && setTimeout(() => s(p), f.duration || 4e3), p;
+    return d((y) => [...y, { id: p, ...u }]), u.duration !== 0 && setTimeout(() => s(p), u.duration || 4e3), p;
   }, [s]), a = {
-    message: h,
-    alert: (f, p) => h({ type: "info", title: f, ...p }),
-    confirm: (f, p, y) => h({ type: "warning", title: f, confirm: p, ...y })
+    message: f,
+    alert: (u, p) => f({ type: "info", title: u, ...p }),
+    confirm: (u, p, y) => f({ type: "warning", title: u, confirm: p, ...y })
   };
   return /* @__PURE__ */ x(Ke.Provider, { value: a, children: [
-    n,
-    /* @__PURE__ */ t("div", { style: { position: "fixed", top: 20, right: 20, zIndex: 9999, display: "flex", flexDirection: "column", gap: 8, pointerEvents: "none" }, children: i.map((f) => {
-      const p = f.type || "info";
+    r,
+    /* @__PURE__ */ t("div", { style: { position: "fixed", top: 20, right: 20, zIndex: 9999, display: "flex", flexDirection: "column", gap: 8, pointerEvents: "none" }, children: i.map((u) => {
+      const p = u.type || "info";
       return /* @__PURE__ */ x("div", { style: { background: e.surface, border: `1px solid ${e.border}`, borderLeft: `4px solid ${Fe[p]}`, borderRadius: e.r, boxShadow: e.shadowLg, padding: "12px 16px", minWidth: 280, maxWidth: 380, pointerEvents: "all", display: "flex", gap: 10, alignItems: "flex-start", animation: "dhx-toast .3s ease" }, children: [
         /* @__PURE__ */ t("span", { style: { fontSize: 18, color: Fe[p], lineHeight: 1 }, children: Pt[p] }),
         /* @__PURE__ */ x("div", { style: { flex: 1 }, children: [
-          f.title && /* @__PURE__ */ t("div", { style: { fontWeight: 600, fontSize: 13, marginBottom: f.text ? 3 : 0 }, children: f.title }),
-          f.text && /* @__PURE__ */ t("div", { style: { fontSize: 12, color: e.textSec, lineHeight: 1.5 }, children: f.text }),
-          f.confirm && /* @__PURE__ */ x("div", { style: { display: "flex", gap: 6, marginTop: 8 }, children: [
+          u.title && /* @__PURE__ */ t("div", { style: { fontWeight: 600, fontSize: 13, marginBottom: u.text ? 3 : 0 }, children: u.title }),
+          u.text && /* @__PURE__ */ t("div", { style: { fontSize: 12, color: e.textSec, lineHeight: 1.5 }, children: u.text }),
+          u.confirm && /* @__PURE__ */ x("div", { style: { display: "flex", gap: 6, marginTop: 8 }, children: [
             /* @__PURE__ */ t("button", { className: "dhx dhx-btn dhx-btn-primary", style: { height: 26, fontSize: 12 }, onClick: () => {
-              f.confirm(!0), s(f.id);
+              u.confirm(!0), s(u.id);
             }, children: "Confirm" }),
             /* @__PURE__ */ t("button", { className: "dhx dhx-btn dhx-btn-secondary", style: { height: 26, fontSize: 12 }, onClick: () => {
-              f.confirm(!1), s(f.id);
+              u.confirm(!1), s(u.id);
             }, children: "Cancel" })
           ] })
         ] }),
-        /* @__PURE__ */ t("button", { onClick: () => s(f.id), style: { background: "none", border: "none", cursor: "pointer", color: e.textMut, fontSize: 14, lineHeight: 1, padding: 0 }, children: "×" })
-      ] }, f.id);
+        /* @__PURE__ */ t("button", { onClick: () => s(u.id), style: { background: "none", border: "none", cursor: "pointer", color: e.textMut, fontSize: 14, lineHeight: 1, padding: 0 }, children: "×" })
+      ] }, u.id);
     }) })
   ] });
 }
-function dn() {
-  const n = et(Ke);
-  if (!n) throw new Error("useMessage must be used inside <MessageProvider>");
-  return n;
+function cr() {
+  const r = et(Ke);
+  if (!r) throw new Error("useMessage must be used inside <MessageProvider>");
+  return r;
 }
-function cn({ data: n = [], template: i, keyNavigation: d = !0, multiselection: s = !1, editable: h = !1, height: a = 400, onSelect: f, onEdit: p, style: y }) {
-  const [z, o] = W(/* @__PURE__ */ new Set()), [b, $] = W(null), [E, H] = W(""), [c, w] = W(null);
-  Q(Z, []);
-  const C = (A, M) => {
-    const D = A.id ?? M;
+function ur({ data: r = [], template: i, keyNavigation: d = !0, multiselection: s = !1, editable: f = !1, height: a = 400, onSelect: u, onEdit: p, style: y }) {
+  const [M, o] = B(/* @__PURE__ */ new Set()), [b, $] = B(null), [N, D] = B(""), [c, w] = B(null);
+  J(Z, []);
+  const L = (A, z) => {
+    const C = A.id ?? z;
     o((V) => {
-      const u = s ? new Set(V) : /* @__PURE__ */ new Set();
-      return u.has(D) ? u.delete(D) : u.add(D), u;
-    }), w(M), f == null || f(A);
-  }, R = (A, M) => {
-    p == null || p({ ...A, value: E }, M), $(null);
+      const h = s ? new Set(V) : /* @__PURE__ */ new Set();
+      return h.has(C) ? h.delete(C) : h.add(C), h;
+    }), w(z), u == null || u(A);
+  }, E = (A, z) => {
+    p == null || p({ ...A, value: N }, z), $(null);
   };
   return /* @__PURE__ */ x(
     "div",
@@ -1861,63 +1862,63 @@ function cn({ data: n = [], template: i, keyNavigation: d = !0, multiselection:
       style: { height: a, overflowY: "auto", border: `1px solid ${e.border}`, borderRadius: e.r, background: e.surface, ...y },
       tabIndex: 0,
       onKeyDown: (A) => {
-        d && (A.key === "ArrowDown" && w((M) => Math.min((M ?? -1) + 1, n.length - 1)), A.key === "ArrowUp" && w((M) => Math.max((M ?? 1) - 1, 0)));
+        d && (A.key === "ArrowDown" && w((z) => Math.min((z ?? -1) + 1, r.length - 1)), A.key === "ArrowUp" && w((z) => Math.max((z ?? 1) - 1, 0)));
       },
       children: [
-        n.map((A, M) => {
-          const D = A.id ?? M, V = z.has(D), u = c === M;
+        r.map((A, z) => {
+          const C = A.id ?? z, V = M.has(C), h = c === z;
           return /* @__PURE__ */ t(
             "div",
             {
-              onClick: () => C(A, M),
-              onDoubleClick: () => h && ($(M), H(String(A.value || ""))),
-              style: { display: "flex", alignItems: "center", padding: "0 12px", height: 40, cursor: "pointer", fontSize: 13, borderBottom: `1px solid ${e.border}`, background: V ? e.primaryLt : u ? e.bg : e.surface, color: V ? e.primary : e.text, outline: u ? `2px solid ${e.primary}44` : "none", transition: "background .1s" },
-              children: b === M ? /* @__PURE__ */ t(
+              onClick: () => L(A, z),
+              onDoubleClick: () => f && ($(z), D(String(A.value || ""))),
+              style: { display: "flex", alignItems: "center", padding: "0 12px", height: 40, cursor: "pointer", fontSize: 13, borderBottom: `1px solid ${e.border}`, background: V ? e.primaryLt : h ? e.bg : e.surface, color: V ? e.primary : e.text, outline: h ? `2px solid ${e.primary}44` : "none", transition: "background .1s" },
+              children: b === z ? /* @__PURE__ */ t(
                 "input",
                 {
                   autoFocus: !0,
                   className: "dhx dhx-input",
                   style: { height: 28, flex: 1 },
-                  value: E,
-                  onChange: (N) => H(N.target.value),
-                  onBlur: () => R(A, M),
-                  onKeyDown: (N) => {
-                    N.key === "Enter" && R(A, M), N.key === "Escape" && $(null);
+                  value: N,
+                  onChange: (I) => D(I.target.value),
+                  onBlur: () => E(A, z),
+                  onKeyDown: (I) => {
+                    I.key === "Enter" && E(A, z), I.key === "Escape" && $(null);
                   },
-                  onClick: (N) => N.stopPropagation()
+                  onClick: (I) => I.stopPropagation()
                 }
               ) : i ? /* @__PURE__ */ t("div", { dangerouslySetInnerHTML: { __html: i(A) }, style: { flex: 1 } }) : /* @__PURE__ */ t("span", { style: { flex: 1, overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }, children: String(A.value ?? "") })
             },
-            String(D)
+            String(C)
           );
         }),
-        n.length === 0 && /* @__PURE__ */ t("div", { style: { padding: 24, textAlign: "center", color: e.textMut }, children: "No items" })
+        r.length === 0 && /* @__PURE__ */ t("div", { style: { padding: 24, textAlign: "center", color: e.textMut }, children: "No items" })
       ]
     }
   );
 }
-function un({ data: n = [], template: i, itemsInRow: d = 3, gap: s = 12, multiselection: h = !1, onSelect: a, style: f }) {
-  const [p, y] = W(/* @__PURE__ */ new Set());
-  Q(Z, []);
-  const z = (o) => {
+function pr({ data: r = [], template: i, itemsInRow: d = 3, gap: s = 12, multiselection: f = !1, onSelect: a, style: u }) {
+  const [p, y] = B(/* @__PURE__ */ new Set());
+  J(Z, []);
+  const M = (o) => {
     const b = o.id ?? String(o.title);
     y(($) => {
-      const E = h ? new Set($) : /* @__PURE__ */ new Set();
-      return E.has(b) ? E.delete(b) : E.add(b), E;
+      const N = f ? new Set($) : /* @__PURE__ */ new Set();
+      return N.has(b) ? N.delete(b) : N.add(b), N;
     }), a == null || a(o);
   };
-  return /* @__PURE__ */ t("div", { className: "dhx", style: { display: "grid", gridTemplateColumns: `repeat(${d}, 1fr)`, gap: s, padding: s, ...f }, children: n.map((o, b) => {
-    const $ = o.id ?? b, E = p.has($);
+  return /* @__PURE__ */ t("div", { className: "dhx", style: { display: "grid", gridTemplateColumns: `repeat(${d}, 1fr)`, gap: s, padding: s, ...u }, children: r.map((o, b) => {
+    const $ = o.id ?? b, N = p.has($);
     return /* @__PURE__ */ t(
       "div",
       {
-        onClick: () => z(o),
-        style: { background: e.surface, border: `2px solid ${E ? e.primary : e.border}`, borderRadius: e.rMd, overflow: "hidden", cursor: "pointer", transition: "all .15s", boxShadow: E ? `0 0 0 3px ${e.primary}33` : e.shadow, transform: E ? "translateY(-2px)" : "none" },
-        onMouseEnter: (H) => {
-          H.currentTarget.style.boxShadow = e.shadowLg, H.currentTarget.style.transform = "translateY(-2px)";
+        onClick: () => M(o),
+        style: { background: e.surface, border: `2px solid ${N ? e.primary : e.border}`, borderRadius: e.rMd, overflow: "hidden", cursor: "pointer", transition: "all .15s", boxShadow: N ? `0 0 0 3px ${e.primary}33` : e.shadow, transform: N ? "translateY(-2px)" : "none" },
+        onMouseEnter: (D) => {
+          D.currentTarget.style.boxShadow = e.shadowLg, D.currentTarget.style.transform = "translateY(-2px)";
         },
-        onMouseLeave: (H) => {
-          H.currentTarget.style.boxShadow = E ? `0 0 0 3px ${e.primary}33` : e.shadow, H.currentTarget.style.transform = E ? "translateY(-2px)" : "none";
+        onMouseLeave: (D) => {
+          D.currentTarget.style.boxShadow = N ? `0 0 0 3px ${e.primary}33` : e.shadow, D.currentTarget.style.transform = N ? "translateY(-2px)" : "none";
         },
         children: i ? /* @__PURE__ */ t("div", { dangerouslySetInnerHTML: { __html: i(o) } }) : /* @__PURE__ */ x("div", { style: { padding: 16 }, children: [
           o.img && /* @__PURE__ */ t("img", { src: o.img, alt: o.title || "", style: { width: "100%", borderRadius: e.r, marginBottom: 8, display: "block" } }),
@@ -1929,137 +1930,137 @@ function un({ data: n = [], template: i, itemsInRow: d = 3, gap: s = 12, multise
     );
   }) });
 }
-function De(n) {
-  return n.map((i) => ({ ...i, items: i.items ? De(i.items) : void 0 }));
+function Le(r) {
+  return r.map((i) => ({ ...i, items: i.items ? Le(i.items) : void 0 }));
 }
-function Le(n, i = {}) {
-  return n.forEach((d) => {
-    d.opened && (i[d.id] = !0), d.items && Le(d.items, i);
+function De(r, i = {}) {
+  return r.forEach((d) => {
+    d.opened && (i[d.id] = !0), d.items && De(d.items, i);
   }), i;
 }
-function Ve(n, i) {
+function Ve(r, i) {
   let d = null;
-  return [n.filter((h) => h.id === i ? (d = h, !1) : !0).map((h) => {
-    if (h.items) {
-      const [a, f] = Ve(h.items, i);
-      return f && (d = f), { ...h, items: a };
+  return [r.filter((f) => f.id === i ? (d = f, !1) : !0).map((f) => {
+    if (f.items) {
+      const [a, u] = Ve(f.items, i);
+      return u && (d = u), { ...f, items: a };
     }
-    return h;
+    return f;
   }), d];
 }
-function Ce(n, i, d, s) {
+function Ce(r, i, d, s) {
   if (s === "inside")
-    return n.map((a) => a.id === i ? { ...a, items: [...a.items || [], d] } : a.items ? { ...a, items: Ce(a.items, i, d, s) } : a);
-  if (n.some((a) => a.id === i)) {
+    return r.map((a) => a.id === i ? { ...a, items: [...a.items || [], d] } : a.items ? { ...a, items: Ce(a.items, i, d, s) } : a);
+  if (r.some((a) => a.id === i)) {
     const a = [];
-    for (const f of n)
-      f.id === i ? s === "before" ? (a.push(d), a.push(f)) : (a.push(f), a.push(d)) : a.push(f);
+    for (const u of r)
+      u.id === i ? s === "before" ? (a.push(d), a.push(u)) : (a.push(u), a.push(d)) : a.push(u);
     return a;
   }
-  return n.map((a) => a.items ? { ...a, items: Ce(a.items, i, d, s) } : a);
+  return r.map((a) => a.items ? { ...a, items: Ce(a.items, i, d, s) } : a);
 }
-function Ot(n, i, d) {
-  function s(h) {
-    var a, f;
-    if (h.id === i) {
+function Ft(r, i, d) {
+  function s(f) {
+    var a, u;
+    if (f.id === i) {
       const p = (y) => {
-        var z;
-        return y.id === d || (((z = y.items) == null ? void 0 : z.some(p)) ?? !1);
+        var M;
+        return y.id === d || (((M = y.items) == null ? void 0 : M.some(p)) ?? !1);
       };
-      return ((a = h.items) == null ? void 0 : a.some(p)) ?? !1;
+      return ((a = f.items) == null ? void 0 : a.some(p)) ?? !1;
     }
-    return ((f = h.items) == null ? void 0 : f.some(s)) ?? !1;
+    return ((u = f.items) == null ? void 0 : u.some(s)) ?? !1;
   }
-  return n.some(s);
+  return r.some(s);
 }
-function Xe(n, i, d) {
-  return n.map(
+function Xe(r, i, d) {
+  return r.map(
     (s) => s.id === i ? { ...s, value: d } : { ...s, items: s.items ? Xe(s.items, i, d) : void 0 }
   );
 }
-function Ft(n, i) {
+function _t(r, i) {
   var a;
   let d = 0, s = 0;
-  const h = (f) => {
+  const f = (u) => {
     var p;
-    d++, i[f.id] && s++, (p = f.items) == null || p.forEach(h);
+    d++, i[u.id] && s++, (p = u.items) == null || p.forEach(f);
   };
-  return (a = n.items) == null || a.forEach(h), { total: d, checkedCount: s };
+  return (a = r.items) == null || a.forEach(f), { total: d, checkedCount: s };
 }
-function pn({
-  data: n = [],
+function hr({
+  data: r = [],
   checkbox: i = !1,
   editable: d = !1,
   dragMode: s,
-  tooltip: h,
+  tooltip: f,
   onSelect: a,
-  onCheck: f,
+  onCheck: u,
   onChange: p,
   style: y
 }) {
-  const [z, o] = W(() => De(n)), [b, $] = W(() => Le(n)), [E, H] = W(null), [c, w] = W({}), [C, R] = W(null), [A, M] = W(""), [D, V] = W(null), [u, N] = W(null);
-  Q(Z, []), Q(() => {
-    o(De(n)), $((S) => ({ ...Le(n), ...S }));
-  }, [n]);
-  const l = (S) => $((L) => ({ ...L, [S]: !L[S] })), g = (S, L) => {
-    w((v) => ({ ...v, [S]: L })), f == null || f(S, L);
+  const [M, o] = B(() => Le(r)), [b, $] = B(() => De(r)), [N, D] = B(null), [c, w] = B({}), [L, E] = B(null), [A, z] = B(""), [C, V] = B(null), [h, I] = B(null);
+  J(Z, []), J(() => {
+    o(Le(r)), $((S) => ({ ...De(r), ...S }));
+  }, [r]);
+  const l = (S) => $((T) => ({ ...T, [S]: !T[S] })), g = (S, T) => {
+    w((v) => ({ ...v, [S]: T })), u == null || u(S, T);
   }, K = () => {
-    if (!C) return;
-    const S = C, L = A;
-    R(null), o((v) => {
-      const j = Xe(v, S, L);
+    if (!L) return;
+    const S = L, T = A;
+    E(null), o((v) => {
+      const j = Xe(v, S, T);
       return p == null || p(j), j;
     });
-  }, P = (S, L) => {
-    S.dataTransfer.effectAllowed = "move", V(L);
-  }, r = (S, L) => {
-    if (!D || D === L || Ot(z, D, L)) return;
+  }, O = (S, T) => {
+    S.dataTransfer.effectAllowed = "move", V(T);
+  }, n = (S, T) => {
+    if (!C || C === T || Ft(M, C, T)) return;
     S.preventDefault();
-    const v = S.currentTarget.getBoundingClientRect(), j = S.clientY - v.top, X = v.height, U = j < X * 0.25 ? "before" : j > X * 0.75 ? "after" : "inside";
-    N((q) => (q == null ? void 0 : q.id) === L && (q == null ? void 0 : q.pos) === U ? q : { id: L, pos: U });
-  }, T = (S, L) => {
-    if (S.preventDefault(), !D || !u || D === L) {
-      N(null), V(null);
+    const v = S.currentTarget.getBoundingClientRect(), j = S.clientY - v.top, X = v.height, Q = j < X * 0.25 ? "before" : j > X * 0.75 ? "after" : "inside";
+    I((q) => (q == null ? void 0 : q.id) === T && (q == null ? void 0 : q.pos) === Q ? q : { id: T, pos: Q });
+  }, R = (S, T) => {
+    if (S.preventDefault(), !C || !h || C === T) {
+      I(null), V(null);
       return;
     }
     o((v) => {
-      const [j, X] = Ve(v, D);
+      const [j, X] = Ve(v, C);
       if (!X) return v;
-      const U = Ce(j, L, X, u.pos);
-      return p == null || p(U), U;
-    }), u.pos === "inside" && $((v) => ({ ...v, [L]: !0 })), N(null), V(null);
+      const Q = Ce(j, T, X, h.pos);
+      return p == null || p(Q), Q;
+    }), h.pos === "inside" && $((v) => ({ ...v, [T]: !0 })), I(null), V(null);
   }, F = () => {
-    V(null), N(null);
-  }, k = (S, L = 0) => {
-    var ne;
-    const v = (((ne = S.items) == null ? void 0 : ne.length) ?? 0) > 0, j = b[S.id], X = E === S.id, U = D === S.id, q = (u == null ? void 0 : u.id) === S.id;
-    let J = !!c[S.id], ee = !1;
+    V(null), I(null);
+  }, k = (S, T = 0) => {
+    var re;
+    const v = (((re = S.items) == null ? void 0 : re.length) ?? 0) > 0, j = b[S.id], X = N === S.id, Q = C === S.id, q = (h == null ? void 0 : h.id) === S.id;
+    let U = !!c[S.id], ee = !1;
     if (i && v) {
-      const { total: O, checkedCount: de } = Ft(S, c);
-      de > 0 && de < O ? ee = !0 : O > 0 && de === O && (J = !0);
+      const { total: P, checkedCount: de } = _t(S, c);
+      de > 0 && de < P ? ee = !0 : P > 0 && de === P && (U = !0);
     }
-    const te = q && u.pos !== "inside" ? { boxShadow: u.pos === "before" ? `inset 0 2px 0 0 ${e.primary}` : `inset 0 -2px 0 0 ${e.primary}` } : {}, pe = q && u.pos === "inside" || X ? e.primaryLt : "transparent";
-    return /* @__PURE__ */ x("div", { style: { opacity: U ? 0.4 : 1 }, children: [
+    const te = q && h.pos !== "inside" ? { boxShadow: h.pos === "before" ? `inset 0 2px 0 0 ${e.primary}` : `inset 0 -2px 0 0 ${e.primary}` } : {}, pe = q && h.pos === "inside" || X ? e.primaryLt : "transparent";
+    return /* @__PURE__ */ x("div", { style: { opacity: Q ? 0.4 : 1 }, children: [
       /* @__PURE__ */ x(
         "div",
         {
           draggable: !!s,
-          onDragStart: s ? (O) => P(O, S.id) : void 0,
-          onDragOver: s ? (O) => r(O, S.id) : void 0,
-          onDrop: s ? (O) => T(O, S.id) : void 0,
+          onDragStart: s ? (P) => O(P, S.id) : void 0,
+          onDragOver: s ? (P) => n(P, S.id) : void 0,
+          onDrop: s ? (P) => R(P, S.id) : void 0,
           onDragEnd: s ? F : void 0,
-          title: h == null ? void 0 : h(S),
+          title: f == null ? void 0 : f(S),
           onClick: () => {
-            H(S.id), a == null || a(S), v && l(S.id);
+            D(S.id), a == null || a(S), v && l(S.id);
           },
           onDoubleClick: () => {
-            d && (R(S.id), M(S.value || ""));
+            d && (E(S.id), z(S.value || ""));
           },
           style: {
             display: "flex",
             alignItems: "center",
             gap: 4,
-            padding: `5px 8px 5px ${12 + L * 18}px`,
+            padding: `5px 8px 5px ${12 + T * 18}px`,
             cursor: s ? "grab" : "pointer",
             borderRadius: e.r,
             margin: "1px 4px",
@@ -2069,15 +2070,15 @@ function pn({
             fontSize: 13,
             ...te
           },
-          onMouseEnter: (O) => !X && !q && (O.currentTarget.style.background = e.bg),
-          onMouseLeave: (O) => !X && !q && (O.currentTarget.style.background = "transparent"),
+          onMouseEnter: (P) => !X && !q && (P.currentTarget.style.background = e.bg),
+          onMouseLeave: (P) => !X && !q && (P.currentTarget.style.background = "transparent"),
           children: [
             /* @__PURE__ */ t(
               "span",
               {
                 style: { width: 16, textAlign: "center", fontSize: 11, color: e.textMut, flexShrink: 0 },
-                onClick: (O) => {
-                  O.stopPropagation(), v && l(S.id);
+                onClick: (P) => {
+                  P.stopPropagation(), v && l(S.id);
                 },
                 children: v ? j ? "▾" : "▸" : ""
               }
@@ -2086,31 +2087,31 @@ function pn({
             i && /* @__PURE__ */ t(
               "input",
               {
-                ref: (O) => {
-                  O && (O.indeterminate = ee);
+                ref: (P) => {
+                  P && (P.indeterminate = ee);
                 },
                 type: "checkbox",
-                checked: J,
-                onChange: (O) => {
-                  O.stopPropagation(), g(S.id, O.target.checked);
+                checked: U,
+                onChange: (P) => {
+                  P.stopPropagation(), g(S.id, P.target.checked);
                 },
                 style: { cursor: "pointer", accentColor: e.primary, flexShrink: 0 },
-                onClick: (O) => O.stopPropagation()
+                onClick: (P) => P.stopPropagation()
               }
             ),
-            C === S.id ? /* @__PURE__ */ t(
+            L === S.id ? /* @__PURE__ */ t(
               "input",
               {
                 autoFocus: !0,
                 className: "dhx dhx-input",
                 style: { height: 24, fontSize: 12, flex: 1 },
                 value: A,
-                onChange: (O) => M(O.target.value),
+                onChange: (P) => z(P.target.value),
                 onBlur: K,
-                onKeyDown: (O) => {
-                  O.key === "Enter" && K(), O.key === "Escape" && R(null);
+                onKeyDown: (P) => {
+                  P.key === "Enter" && K(), P.key === "Escape" && E(null);
                 },
-                onClick: (O) => O.stopPropagation()
+                onClick: (P) => P.stopPropagation()
               }
             ) : /* @__PURE__ */ t("span", { style: { flex: 1 }, children: S.value }),
             S.count !== void 0 && /* @__PURE__ */ x("span", { style: { fontSize: 11, color: e.textMut }, children: [
@@ -2121,7 +2122,7 @@ function pn({
           ]
         }
       ),
-      v && j && /* @__PURE__ */ t("div", { children: S.items.map((O) => k(O, L + 1)) })
+      v && j && /* @__PURE__ */ t("div", { children: S.items.map((P) => k(P, T + 1)) })
     ] }, S.id);
   };
   return /* @__PURE__ */ t(
@@ -2131,76 +2132,76 @@ function pn({
       style: { overflowY: "auto", ...y },
       onDragOver: s ? (S) => S.preventDefault() : void 0,
       onDrop: s ? (S) => {
-        S.preventDefault(), N(null), V(null);
+        S.preventDefault(), I(null), V(null);
       } : void 0,
-      children: z.map((S) => k(S))
+      children: M.map((S) => k(S))
     }
   );
 }
-function hn({ total: n, pageSize: i = 10, page: d, onChange: s, style: h }) {
-  const [a, f] = W(d || 1), p = Math.ceil(n / i);
-  Q(Z, []);
+function fr({ total: r, pageSize: i = 10, page: d, onChange: s, style: f }) {
+  const [a, u] = B(d || 1), p = Math.ceil(r / i);
+  J(Z, []);
   const y = (o) => {
     const b = Math.min(Math.max(1, o), p);
-    f(b), s == null || s(b);
-  }, z = ue(() => {
+    u(b), s == null || s(b);
+  }, M = ue(() => {
     const o = [];
     for (let $ = Math.max(1, a - 2); $ <= Math.min(p, a + 2); $++) o.push($);
     return o[0] > 1 && (o[0] > 2 && o.unshift("..."), o.unshift(1)), o[o.length - 1] < p && (o[o.length - 1] < p - 1 && o.push("..."), o.push(p)), o;
   }, [a, p]);
-  return /* @__PURE__ */ x("div", { className: "dhx", style: { display: "flex", alignItems: "center", gap: 4, padding: "8px 12px", ...h }, children: [
+  return /* @__PURE__ */ x("div", { className: "dhx", style: { display: "flex", alignItems: "center", gap: 4, padding: "8px 12px", ...f }, children: [
     /* @__PURE__ */ x("span", { style: { fontSize: 12, color: e.textSec, marginRight: 8 }, children: [
       (a - 1) * i + 1,
       "–",
-      Math.min(a * i, n),
+      Math.min(a * i, r),
       " of ",
-      n
+      r
     ] }),
     [["«", 1], ["‹", a - 1]].map(([o, b]) => /* @__PURE__ */ t("button", { className: "dhx dhx-btn dhx-btn-ghost", style: { height: 30, padding: "0 8px", fontSize: 14 }, disabled: a === 1, onClick: () => y(b), children: o }, o)),
-    z.map((o, b) => /* @__PURE__ */ t("button", { onClick: () => typeof o == "number" && y(o), className: `dhx dhx-btn ${o === a ? "dhx-btn-primary" : "dhx-btn-ghost"}`, style: { height: 30, minWidth: 30, padding: "0 8px", fontSize: 13 }, disabled: o === "...", children: o }, b)),
+    M.map((o, b) => /* @__PURE__ */ t("button", { onClick: () => typeof o == "number" && y(o), className: `dhx dhx-btn ${o === a ? "dhx-btn-primary" : "dhx-btn-ghost"}`, style: { height: 30, minWidth: 30, padding: "0 8px", fontSize: 13 }, disabled: o === "...", children: o }, b)),
     [["›", a + 1], ["»", p]].map(([o, b]) => /* @__PURE__ */ t("button", { className: "dhx dhx-btn dhx-btn-ghost", style: { height: 30, padding: "0 8px", fontSize: 14 }, disabled: a === p, onClick: () => y(b), children: o }, o))
   ] });
 }
-function fn({ config: n = {}, defaultValues: i = {}, onSubmit: d, style: s }) {
-  const [h, a] = W(i), [f, p] = W({}), [y, z] = W(null);
-  Q(Z, []);
+function gr({ config: r = {}, defaultValues: i = {}, onSubmit: d, style: s }) {
+  const [f, a] = B(i), [u, p] = B({}), [y, M] = B(null);
+  J(Z, []);
   const o = (c, w) => {
-    a((C) => ({ ...C, [c]: w })), p((C) => ({ ...C, [c]: null }));
+    a((L) => ({ ...L, [c]: w })), p((L) => ({ ...L, [c]: null }));
   }, b = (c) => {
     const w = [];
-    return c.flat().forEach((C) => {
-      !C || typeof C != "object" || !("name" in C) || (w.push(C), C.type === "fieldset" && C.rows && w.push(...b(C.rows)));
+    return c.flat().forEach((L) => {
+      !L || typeof L != "object" || !("name" in L) || (w.push(L), L.type === "fieldset" && L.rows && w.push(...b(L.rows)));
     }), w;
   }, $ = () => {
     const c = {};
-    return b(n.rows || []).forEach((w) => {
-      w.required && !h[w.name] && (c[w.name] = `${w.label || w.name} is required`);
+    return b(r.rows || []).forEach((w) => {
+      w.required && !f[w.name] && (c[w.name] = `${w.label || w.name} is required`);
     }), p(c), Object.keys(c).length === 0;
-  }, E = (c) => {
-    const w = h[c.name] ?? c.value ?? "", C = f[c.name], R = c.labelWidth ?? n.labelWidth, A = R !== void 0 || c.labelPosition === "left";
+  }, N = (c) => {
+    const w = f[c.name] ?? c.value ?? "", L = u[c.name], E = c.labelWidth ?? r.labelWidth, A = E !== void 0 || c.labelPosition === "left";
     if (c.type === "fieldset") return /* @__PURE__ */ x("fieldset", { style: { border: `1px solid ${e.border}`, borderRadius: e.r, padding: "12px 16px", marginBottom: 14 }, children: [
       /* @__PURE__ */ t("legend", { style: { fontSize: 12, fontWeight: 700, color: e.textSec, padding: "0 6px" }, children: c.label }),
-      (c.rows || []).map((g) => E(g))
+      (c.rows || []).map((g) => N(g))
     ] }, c.name);
     if (c.type === "spacer") return /* @__PURE__ */ t("div", { style: { height: c.height || 16 } }, c.name);
-    const M = R ? { minWidth: R, width: R, flexShrink: 0, paddingTop: 8, boxSizing: "border-box" } : {}, D = c.label ? /* @__PURE__ */ x("label", { className: "dhx dhx-label", style: { display: "flex", gap: 4, ...M }, children: [
+    const z = E ? { minWidth: E, width: E, flexShrink: 0, paddingTop: 8, boxSizing: "border-box" } : {}, C = c.label ? /* @__PURE__ */ x("label", { className: "dhx dhx-label", style: { display: "flex", gap: 4, ...z }, children: [
       c.label,
       c.required && /* @__PURE__ */ t("span", { style: { color: e.danger }, children: "*" })
-    ] }, "lbl") : null, V = C ? /* @__PURE__ */ t("div", { style: { fontSize: 11, color: e.danger, marginTop: 3 }, children: C }) : null, u = c.helpMessage ? /* @__PURE__ */ x("div", { style: { fontSize: 11, color: e.textMut, marginTop: 3 }, children: [
+    ] }, "lbl") : null, V = L ? /* @__PURE__ */ t("div", { style: { fontSize: 11, color: e.danger, marginTop: 3 }, children: L }) : null, h = c.helpMessage ? /* @__PURE__ */ x("div", { style: { fontSize: 11, color: e.textMut, marginTop: 3 }, children: [
       "ⓘ ",
       c.helpMessage
-    ] }) : null, N = { key: c.name, className: "dhx-form-group" }, l = (g) => A ? /* @__PURE__ */ x("div", { ...N, style: { display: "flex", alignItems: "flex-start", gap: 8 }, children: [
-      D,
+    ] }) : null, I = { key: c.name, className: "dhx-form-group" }, l = (g) => A ? /* @__PURE__ */ x("div", { ...I, style: { display: "flex", alignItems: "flex-start", gap: 8 }, children: [
+      C,
       /* @__PURE__ */ x("div", { style: { flex: 1, minWidth: 0 }, children: [
         g,
         V,
-        u
+        h
       ] })
-    ] }) : /* @__PURE__ */ x("div", { ...N, children: [
-      D,
+    ] }) : /* @__PURE__ */ x("div", { ...I, children: [
+      C,
       g,
       V,
-      u
+      h
     ] });
     if (!c.type || c.type === "input") return l(
       /* @__PURE__ */ x("div", { className: "dhx-input-wrap", children: [
@@ -2209,7 +2210,7 @@ function fn({ config: n = {}, defaultValues: i = {}, onSubmit: d, style: s }) {
           "input",
           {
             className: `dhx dhx-input${c.icon ? " dhx-input--with-icon" : ""}`,
-            style: { borderColor: C ? e.danger : void 0 },
+            style: { borderColor: L ? e.danger : void 0 },
             type: c.inputType || "text",
             placeholder: c.placeholder,
             value: w,
@@ -2241,24 +2242,24 @@ function fn({ config: n = {}, defaultValues: i = {}, onSubmit: d, style: s }) {
       /* @__PURE__ */ t("input", { type: "date", className: "dhx dhx-input", value: w, onChange: (g) => o(c.name, g.target.value) })
     );
     if (c.type === "timepicker") {
-      const g = h[c.name] ?? { h: 12, m: 0, ampm: "AM" }, K = !!h[c.name], P = K ? `${String(g.h).padStart(2, "0")}:${String(g.m).padStart(2, "0")}${g.ampm ? " " + g.ampm : ""}` : c.placeholder || "Click to select", r = /* @__PURE__ */ x("div", { style: { position: "relative" }, children: [
+      const g = f[c.name] ?? { h: 12, m: 0, ampm: "AM" }, K = !!f[c.name], O = K ? `${String(g.h).padStart(2, "0")}:${String(g.m).padStart(2, "0")}${g.ampm ? " " + g.ampm : ""}` : c.placeholder || "Click to select", n = /* @__PURE__ */ x("div", { style: { position: "relative" }, children: [
         /* @__PURE__ */ x(
           "div",
           {
             className: "dhx dhx-input",
             style: { cursor: "pointer", display: "flex", alignItems: "center", justifyContent: "space-between" },
-            onClick: () => z(y === c.name ? null : c.name),
+            onClick: () => M(y === c.name ? null : c.name),
             children: [
-              /* @__PURE__ */ t("span", { style: { color: K ? e.text : e.textMut }, children: P }),
+              /* @__PURE__ */ t("span", { style: { color: K ? e.text : e.textMut }, children: O }),
               /* @__PURE__ */ t("span", { style: { fontSize: 13, color: e.textSec }, children: "🕐" })
             ]
           }
         ),
-        y === c.name && /* @__PURE__ */ t("div", { style: { position: "absolute", zIndex: 100, top: "calc(100% + 4px)", left: 0 }, children: /* @__PURE__ */ t(Ht, { value: g, controls: !0, onChange: (T) => {
-          o(c.name, T), z(null);
+        y === c.name && /* @__PURE__ */ t("div", { style: { position: "absolute", zIndex: 100, top: "calc(100% + 4px)", left: 0 }, children: /* @__PURE__ */ t(At, { value: g, controls: !0, onChange: (R) => {
+          o(c.name, R), M(null);
         } }) })
       ] });
-      return l(r);
+      return l(n);
     }
     if (c.type === "colorpicker") return l(
       /* @__PURE__ */ x("div", { style: { display: "flex", alignItems: "center", gap: 8 }, children: [
@@ -2277,9 +2278,9 @@ function fn({ config: n = {}, defaultValues: i = {}, onSubmit: d, style: s }) {
     if (c.type === "text") return l(
       /* @__PURE__ */ t("p", { style: { margin: "6px 0", fontSize: 13, color: e.text }, children: c.value })
     );
-    if (c.type === "checkbox") return /* @__PURE__ */ x("div", { ...N, children: [
+    if (c.type === "checkbox") return /* @__PURE__ */ x("div", { ...I, children: [
       A ? /* @__PURE__ */ x("div", { style: { display: "flex", alignItems: "center", gap: 8 }, children: [
-        R && /* @__PURE__ */ t("div", { style: { width: R, flexShrink: 0 } }),
+        E && /* @__PURE__ */ t("div", { style: { width: E, flexShrink: 0 } }),
         /* @__PURE__ */ x("label", { style: { display: "flex", alignItems: "center", gap: 8, cursor: "pointer" }, children: [
           /* @__PURE__ */ t("input", { type: "checkbox", checked: !!w, onChange: (g) => o(c.name, g.target.checked), style: { width: 16, height: 16, accentColor: e.primary, cursor: "pointer" } }),
           /* @__PURE__ */ t("span", { style: { fontSize: 13 }, children: c.label })
@@ -2288,7 +2289,7 @@ function fn({ config: n = {}, defaultValues: i = {}, onSubmit: d, style: s }) {
         /* @__PURE__ */ t("input", { type: "checkbox", checked: !!w, onChange: (g) => o(c.name, g.target.checked), style: { width: 16, height: 16, accentColor: e.primary, cursor: "pointer" } }),
         /* @__PURE__ */ t("span", { style: { fontSize: 13 }, children: c.label })
       ] }),
-      u
+      h
     ] });
     if (c.type === "radio") {
       const g = (c.options || []).map((K) => /* @__PURE__ */ x("label", { style: { display: "flex", alignItems: "center", gap: 6, cursor: "pointer", fontSize: 13 }, children: [
@@ -2309,11 +2310,11 @@ function fn({ config: n = {}, defaultValues: i = {}, onSubmit: d, style: s }) {
         /* @__PURE__ */ t("div", { style: { display: "flex", gap: 16, flexWrap: "wrap", paddingTop: 8 }, children: g })
       );
     }
-    if (c.type === "slider") return A ? /* @__PURE__ */ x("div", { ...N, style: { display: "flex", alignItems: "flex-start", gap: 8 }, children: [
-      D,
+    if (c.type === "slider") return A ? /* @__PURE__ */ x("div", { ...I, style: { display: "flex", alignItems: "flex-start", gap: 8 }, children: [
+      C,
       /* @__PURE__ */ x("div", { style: { flex: 1 }, children: [
         /* @__PURE__ */ t(
-          Pe,
+          Oe,
           {
             min: c.min,
             max: c.max,
@@ -2323,11 +2324,11 @@ function fn({ config: n = {}, defaultValues: i = {}, onSubmit: d, style: s }) {
             onChange: (g) => o(c.name, g)
           }
         ),
-        u
+        h
       ] })
-    ] }) : /* @__PURE__ */ x("div", { ...N, children: [
+    ] }) : /* @__PURE__ */ x("div", { ...I, children: [
       /* @__PURE__ */ t(
-        Pe,
+        Oe,
         {
           label: c.label,
           min: c.min,
@@ -2338,10 +2339,10 @@ function fn({ config: n = {}, defaultValues: i = {}, onSubmit: d, style: s }) {
           onChange: (g) => o(c.name, g)
         }
       ),
-      u
+      h
     ] });
-    if (c.type === "combo") return A ? /* @__PURE__ */ x("div", { ...N, style: { display: "flex", alignItems: "flex-start", gap: 8 }, children: [
-      D,
+    if (c.type === "combo") return A ? /* @__PURE__ */ x("div", { ...I, style: { display: "flex", alignItems: "flex-start", gap: 8 }, children: [
+      C,
       /* @__PURE__ */ x("div", { style: { flex: 1 }, children: [
         /* @__PURE__ */ t(
           je,
@@ -2354,9 +2355,9 @@ function fn({ config: n = {}, defaultValues: i = {}, onSubmit: d, style: s }) {
           }
         ),
         V,
-        u
+        h
       ] })
-    ] }) : /* @__PURE__ */ x("div", { ...N, children: [
+    ] }) : /* @__PURE__ */ x("div", { ...I, children: [
       /* @__PURE__ */ t(
         je,
         {
@@ -2369,58 +2370,58 @@ function fn({ config: n = {}, defaultValues: i = {}, onSubmit: d, style: s }) {
         }
       ),
       V,
-      u
+      h
     ] });
     if (c.type === "toggle") {
-      const g = !!w, K = g ? c.icon : c.offIcon || c.icon, P = g ? c.text || c.label : c.offText || c.text || c.label;
-      return /* @__PURE__ */ x("div", { ...N, children: [
-        A && R && /* @__PURE__ */ x("div", { style: { display: "flex", alignItems: "center", gap: 8 }, children: [
-          /* @__PURE__ */ t("div", { style: { width: R, flexShrink: 0 } }),
+      const g = !!w, K = g ? c.icon : c.offIcon || c.icon, O = g ? c.text || c.label : c.offText || c.text || c.label;
+      return /* @__PURE__ */ x("div", { ...I, children: [
+        A && E && /* @__PURE__ */ x("div", { style: { display: "flex", alignItems: "center", gap: 8 }, children: [
+          /* @__PURE__ */ t("div", { style: { width: E, flexShrink: 0 } }),
           /* @__PURE__ */ x("label", { style: { display: "flex", alignItems: "center", gap: 8, cursor: "pointer" }, children: [
             /* @__PURE__ */ t(_e, { on: g, onClick: () => o(c.name, !w) }),
             K && /* @__PURE__ */ t("span", { style: { fontSize: 16 }, children: K }),
-            P && /* @__PURE__ */ t("span", { style: { fontSize: 13 }, children: P })
+            O && /* @__PURE__ */ t("span", { style: { fontSize: 13 }, children: O })
           ] })
         ] }),
         !A && /* @__PURE__ */ x("label", { style: { display: "flex", alignItems: "center", gap: 10, cursor: "pointer" }, children: [
           /* @__PURE__ */ t(_e, { on: g, onClick: () => o(c.name, !w) }),
           K && /* @__PURE__ */ t("span", { style: { fontSize: 16 }, children: K }),
-          P && /* @__PURE__ */ t("span", { style: { fontSize: 13 }, children: P })
+          O && /* @__PURE__ */ t("span", { style: { fontSize: 13 }, children: O })
         ] }),
-        u
+        h
       ] });
     }
     return null;
-  }, H = (c) => c.map(
-    (w, C) => Array.isArray(w) ? /* @__PURE__ */ t("div", { style: { display: "flex", gap: 12, alignItems: "flex-start" }, children: w.map(E) }, C) : E(w)
+  }, D = (c) => c.map(
+    (w, L) => Array.isArray(w) ? /* @__PURE__ */ t("div", { style: { display: "flex", gap: 12, alignItems: "flex-start" }, children: w.map(N) }, L) : N(w)
   );
-  return /* @__PURE__ */ x("div", { className: "dhx", style: { padding: n.padding || 0, width: n.width || "100%", ...s }, children: [
-    H(n.rows || []),
-    (n.buttons || d) && /* @__PURE__ */ x("div", { style: { display: "flex", gap: 8, justifyContent: n.buttonAlign || "flex-start", marginTop: 8 }, children: [
-      /* @__PURE__ */ t("button", { className: "dhx dhx-btn dhx-btn-primary", onClick: () => $() && (d == null ? void 0 : d(h)), children: n.submitText || "Submit" }),
-      n.resetButton !== !1 && /* @__PURE__ */ t("button", { className: "dhx dhx-btn dhx-btn-secondary", onClick: () => {
+  return /* @__PURE__ */ x("div", { className: "dhx", style: { padding: r.padding || 0, width: r.width || "100%", ...s }, children: [
+    D(r.rows || []),
+    (r.buttons || d) && /* @__PURE__ */ x("div", { style: { display: "flex", gap: 8, justifyContent: r.buttonAlign || "flex-start", marginTop: 8 }, children: [
+      /* @__PURE__ */ t("button", { className: "dhx dhx-btn dhx-btn-primary", onClick: () => $() && (d == null ? void 0 : d(f)), children: r.submitText || "Submit" }),
+      r.resetButton !== !1 && /* @__PURE__ */ t("button", { className: "dhx dhx-btn dhx-btn-secondary", onClick: () => {
         a(i), p({});
-      }, children: n.resetText || "Reset" })
+      }, children: r.resetText || "Reset" })
     ] })
   ] });
 }
-function _e({ on: n, onClick: i }) {
+function _e({ on: r, onClick: i }) {
   return /* @__PURE__ */ x("div", { style: { position: "relative", width: 40, height: 22, flexShrink: 0 }, onClick: i, children: [
-    /* @__PURE__ */ t("div", { style: { width: 40, height: 22, borderRadius: 11, background: n ? e.primary : e.border, transition: "background 0.2s" } }),
-    /* @__PURE__ */ t("div", { style: { position: "absolute", top: 3, left: n ? 21 : 3, width: 16, height: 16, borderRadius: "50%", background: "#fff", transition: "left 0.2s", boxShadow: "0 1px 3px rgba(0,0,0,.3)" } })
+    /* @__PURE__ */ t("div", { style: { width: 40, height: 22, borderRadius: 11, background: r ? e.primary : e.border, transition: "background 0.2s" } }),
+    /* @__PURE__ */ t("div", { style: { position: "absolute", top: 3, left: r ? 21 : 3, width: 16, height: 16, borderRadius: "50%", background: "#fff", transition: "left 0.2s", boxShadow: "0 1px 3px rgba(0,0,0,.3)" } })
   ] });
 }
-function me(n) {
+function me(r) {
   const i = [];
-  for (const d of n)
+  for (const d of r)
     d.type === "block" ? i.push(...me(d.items || [])) : i.push(d);
   return i;
 }
-function _t(n) {
-  return n === "primary" ? e.primary : n === "success" ? e.success : n === "secondary" ? e.borderDk : e.danger;
+function Yt(r) {
+  return r === "primary" ? e.primary : r === "success" ? e.success : r === "secondary" ? e.borderDk : e.danger;
 }
-function Yt(n, i) {
-  switch (n) {
+function Kt(r, i) {
+  switch (r) {
     case "primary":
       return { background: e.primary, color: "#fff", borderColor: e.primary };
     case "danger":
@@ -2433,57 +2434,57 @@ function Yt(n, i) {
       return i ? { background: e.primaryLt, color: e.primary } : {};
   }
 }
-function gn({
-  items: n = [],
+function xr({
+  items: r = [],
   css: i,
   menuCss: d,
   style: s,
-  onAction: h,
+  onAction: f,
   onInputChange: a,
-  onInputBlur: f,
+  onInputBlur: u,
   onInputFocus: p,
   onOpenMenu: y
 }) {
-  Q(Z, []);
-  const [z, o] = W(() => {
-    const r = {};
-    for (const T of me(n))
-      T.id && (r[T.id] = !!T.active);
-    return r;
-  }), [b, $] = W(null), [E, H] = W(() => {
-    const r = {};
-    for (const T of me(n))
-      T.type === "selectButton" && T.id && T.value && (r[T.id] = T.value);
-    return r;
-  }), c = me(n), w = le(null);
+  J(Z, []);
+  const [M, o] = B(() => {
+    const n = {};
+    for (const R of me(r))
+      R.id && (n[R.id] = !!R.active);
+    return n;
+  }), [b, $] = B(null), [N, D] = B(() => {
+    const n = {};
+    for (const R of me(r))
+      R.type === "selectButton" && R.id && R.value && (n[R.id] = R.value);
+    return n;
+  }), c = me(r), w = ie(null);
   xe(w, ae(() => $(null), []));
-  const C = (r) => {
-    var T, F;
-    if (!r.disabled) {
-      if (r.id) {
-        if (r.group) {
-          const k = c.filter((S) => S.group === r.group && S.id);
+  const L = (n) => {
+    var R, F;
+    if (!n.disabled) {
+      if (n.id) {
+        if (n.group) {
+          const k = c.filter((S) => S.group === n.group && S.id);
           o((S) => {
-            const L = { ...S };
-            for (const v of k) L[v.id] = !1;
-            return L[r.id] = !0, L;
+            const T = { ...S };
+            for (const v of k) T[v.id] = !1;
+            return T[n.id] = !0, T;
           });
-        } else r.twoState && o((k) => ({ ...k, [r.id]: !k[r.id] }));
-        if ((T = r.items) != null && T.length) {
-          const k = r.id;
-          $((S) => S === k ? null : k), y == null || y(r.id);
+        } else n.twoState && o((k) => ({ ...k, [n.id]: !k[n.id] }));
+        if ((R = n.items) != null && R.length) {
+          const k = n.id;
+          $((S) => S === k ? null : k), y == null || y(n.id);
           return;
         }
       }
-      (F = r.onClick) == null || F.call(r, r), r.id && (h == null || h(r.id, r));
+      (F = n.onClick) == null || F.call(n, n), n.id && (f == null || f(n.id, n));
     }
-  }, R = ({ count: r, color: T }) => /* @__PURE__ */ t("span", { style: {
+  }, E = ({ count: n, color: R }) => /* @__PURE__ */ t("span", { style: {
     position: "absolute",
     top: 2,
     right: 2,
     minWidth: 14,
     height: 14,
-    background: _t(T),
+    background: Yt(R),
     color: "#fff",
     borderRadius: 7,
     fontSize: 9,
@@ -2493,75 +2494,75 @@ function gn({
     justifyContent: "center",
     padding: "0 2px",
     pointerEvents: "none"
-  }, children: r > 99 ? "99+" : r }), A = (r, T) => {
-    var ne;
-    const F = r.id !== void 0 ? z[r.id] ?? !!r.active : !!r.active, k = r.value ?? r.text, S = r.size ?? "medium", L = S === "auto", v = S === "small", j = !!((ne = r.items) != null && ne.length), X = r.id !== void 0 && b === r.id, U = Yt(r.color, F && !r.color), q = L ? void 0 : v ? 26 : 32, J = L ? 22 : v ? 13 : 16, ee = [r.tooltip, r.hotkey ? `(${r.hotkey})` : ""].filter(Boolean).join(" "), te = r.circle ? { borderRadius: "50%", padding: L ? "8px" : "0", aspectRatio: "1", justifyContent: "center" } : {}, pe = r.view === "link" ? { background: "transparent", border: "none", textDecoration: "underline", padding: "0 4px" } : r.view === "flat" ? { borderRadius: 0 } : {};
+  }, children: n > 99 ? "99+" : n }), A = (n, R) => {
+    var re;
+    const F = n.id !== void 0 ? M[n.id] ?? !!n.active : !!n.active, k = n.value ?? n.text, S = n.size ?? "medium", T = S === "auto", v = S === "small", j = !!((re = n.items) != null && re.length), X = n.id !== void 0 && b === n.id, Q = Kt(n.color, F && !n.color), q = T ? void 0 : v ? 26 : 32, U = T ? 22 : v ? 13 : 16, ee = [n.tooltip, n.hotkey ? `(${n.hotkey})` : ""].filter(Boolean).join(" "), te = n.circle ? { borderRadius: "50%", padding: T ? "8px" : "0", aspectRatio: "1", justifyContent: "center" } : {}, pe = n.view === "link" ? { background: "transparent", border: "none", textDecoration: "underline", padding: "0 4px" } : n.view === "flat" ? { borderRadius: 0 } : {};
     return /* @__PURE__ */ x("div", { style: { position: "relative", display: "flex" }, children: [
       /* @__PURE__ */ x(
         "button",
         {
           title: ee || void 0,
-          disabled: r.disabled,
+          disabled: n.disabled,
           className: "dhx dhx-btn dhx-btn-ghost",
           style: {
-            flexDirection: L ? "column" : "row",
-            alignSelf: L ? "stretch" : "center",
+            flexDirection: T ? "column" : "row",
+            alignSelf: T ? "stretch" : "center",
             justifyContent: "center",
-            minHeight: L ? 56 : q,
-            height: L ? void 0 : q,
-            padding: L ? "6px 10px" : v ? "0 6px" : "0 8px",
+            minHeight: T ? 56 : q,
+            height: T ? void 0 : q,
+            padding: T ? "6px 10px" : v ? "0 6px" : "0 8px",
             gap: 4,
             position: "relative",
-            background: F && !r.color ? e.primaryLt : "transparent",
-            color: F && !r.color ? e.primary : r.disabled ? e.textMut : e.text,
-            opacity: r.disabled ? 0.55 : 1,
-            cursor: r.disabled ? "not-allowed" : "pointer",
+            background: F && !n.color ? e.primaryLt : "transparent",
+            color: F && !n.color ? e.primary : n.disabled ? e.textMut : e.text,
+            opacity: n.disabled ? 0.55 : 1,
+            cursor: n.disabled ? "not-allowed" : "pointer",
             borderColor: X ? e.primary : void 0,
-            ...U,
+            ...Q,
             ...te,
             ...pe
           },
-          onClick: () => C(r),
+          onClick: () => L(n),
           children: [
-            r.loading ? /* @__PURE__ */ t("span", { style: {
-              fontSize: J,
+            n.loading ? /* @__PURE__ */ t("span", { style: {
+              fontSize: U,
               lineHeight: 1,
               flexShrink: 0,
               display: "inline-block",
               animation: "dhx-spin 1s linear infinite"
-            }, children: "⟳" }) : r.icon && /* @__PURE__ */ t("span", { style: { fontSize: J, lineHeight: 1, flexShrink: 0 }, children: r.icon }),
-            k && !r.html && /* @__PURE__ */ t("span", { style: {
-              fontSize: L ? 10 : v ? 11 : 12,
-              maxWidth: L ? 64 : void 0,
-              textAlign: L ? "center" : "left",
-              lineHeight: L ? 1.2 : 1,
-              whiteSpace: L ? "normal" : "nowrap"
+            }, children: "⟳" }) : n.icon && /* @__PURE__ */ t("span", { style: { fontSize: U, lineHeight: 1, flexShrink: 0 }, children: n.icon }),
+            k && !n.html && /* @__PURE__ */ t("span", { style: {
+              fontSize: T ? 10 : v ? 11 : 12,
+              maxWidth: T ? 64 : void 0,
+              textAlign: T ? "center" : "left",
+              lineHeight: T ? 1.2 : 1,
+              whiteSpace: T ? "normal" : "nowrap"
             }, children: k }),
-            r.html && /* @__PURE__ */ t("span", { dangerouslySetInnerHTML: { __html: r.html } }),
+            n.html && /* @__PURE__ */ t("span", { dangerouslySetInnerHTML: { __html: n.html } }),
             j && /* @__PURE__ */ t("span", { style: { fontSize: 8, opacity: 0.6, marginLeft: 1 }, children: "▼" }),
-            r.hotkey && L && /* @__PURE__ */ t("span", { style: { fontSize: 9, color: e.textMut, lineHeight: 1 }, children: r.hotkey }),
-            r.count !== void 0 && /* @__PURE__ */ t(R, { count: r.count, color: r.countColor })
+            n.hotkey && T && /* @__PURE__ */ t("span", { style: { fontSize: 9, color: e.textMut, lineHeight: 1 }, children: n.hotkey }),
+            n.count !== void 0 && /* @__PURE__ */ t(E, { count: n.count, color: n.countColor })
           ]
         }
       ),
       j && X && /* @__PURE__ */ t(
         fe,
         {
-          items: r.items,
-          onSelect: (O) => {
-            $(null), O.id && (h == null || h(String(O.id), r));
+          items: n.items,
+          onSelect: (P) => {
+            $(null), P.id && (f == null || f(String(P.id), n));
           },
           style: { top: "100%", left: 0, minWidth: 160 }
         }
       )
-    ] }, T);
-  }, M = (r, T) => {
-    const F = r.size ?? "medium", k = F === "auto" ? 48 : F === "small" ? 28 : 36, S = r.id !== void 0 ? z[r.id] ?? !!r.active : !!r.active;
+    ] }, R);
+  }, z = (n, R) => {
+    const F = n.size ?? "medium", k = F === "auto" ? 48 : F === "small" ? 28 : 36, S = n.id !== void 0 ? M[n.id] ?? !!n.active : !!n.active;
     return /* @__PURE__ */ t("div", { style: { position: "relative", display: "flex", alignSelf: "center" }, children: /* @__PURE__ */ x(
       "button",
       {
-        title: r.tooltip,
-        disabled: r.disabled,
+        title: n.tooltip,
+        disabled: n.disabled,
         style: {
           width: k,
           height: k,
@@ -2569,28 +2570,28 @@ function gn({
           border: S ? `2px solid ${e.primary}` : "2px solid transparent",
           borderRadius: "50%",
           overflow: "hidden",
-          cursor: r.disabled ? "not-allowed" : "pointer",
+          cursor: n.disabled ? "not-allowed" : "pointer",
           background: "transparent",
           flexShrink: 0,
-          opacity: r.disabled ? 0.55 : 1
+          opacity: n.disabled ? 0.55 : 1
         },
-        onClick: () => C(r),
+        onClick: () => L(n),
         children: [
-          r.src && /* @__PURE__ */ t(
+          n.src && /* @__PURE__ */ t(
             "img",
             {
-              src: r.src,
-              alt: r.value || "",
+              src: n.src,
+              alt: n.value || "",
               style: { width: "100%", height: "100%", objectFit: "cover", borderRadius: "50%" }
             }
           ),
-          r.count !== void 0 && /* @__PURE__ */ t(R, { count: r.count, color: r.countColor })
+          n.count !== void 0 && /* @__PURE__ */ t(E, { count: n.count, color: n.countColor })
         ]
       }
-    ) }, T);
-  }, D = (r, T) => {
-    var L, v;
-    const F = r.id !== void 0 && b === `sel:${r.id}`, k = (r.id && E[r.id]) ?? r.value ?? ((v = (L = r.items) == null ? void 0 : L[0]) == null ? void 0 : v.value) ?? "", S = (r.items ?? []).map((j) => ({
+    ) }, R);
+  }, C = (n, R) => {
+    var T, v;
+    const F = n.id !== void 0 && b === `sel:${n.id}`, k = (n.id && N[n.id]) ?? n.value ?? ((v = (T = n.items) == null ? void 0 : T[0]) == null ? void 0 : v.value) ?? "", S = (n.items ?? []).map((j) => ({
       id: j.value,
       value: j.value,
       icon: j.icon
@@ -2599,24 +2600,24 @@ function gn({
       /* @__PURE__ */ x(
         "button",
         {
-          title: r.tooltip,
-          disabled: r.disabled,
+          title: n.tooltip,
+          disabled: n.disabled,
           className: "dhx dhx-btn dhx-btn-ghost",
           style: {
             height: 28,
             gap: 4,
             padding: "0 8px",
-            opacity: r.disabled ? 0.55 : 1,
-            cursor: r.disabled ? "not-allowed" : "pointer",
+            opacity: n.disabled ? 0.55 : 1,
+            cursor: n.disabled ? "not-allowed" : "pointer",
             borderColor: F ? e.primary : void 0
           },
           onClick: () => {
-            if (r.disabled || !r.id) return;
-            const j = `sel:${r.id}`;
+            if (n.disabled || !n.id) return;
+            const j = `sel:${n.id}`;
             $((X) => X === j ? null : j);
           },
           children: [
-            r.icon && /* @__PURE__ */ t("span", { style: { fontSize: 14 }, children: r.icon }),
+            n.icon && /* @__PURE__ */ t("span", { style: { fontSize: 14 }, children: n.icon }),
             /* @__PURE__ */ t("span", { style: { fontSize: 12 }, children: k }),
             /* @__PURE__ */ t("span", { style: { fontSize: 8, opacity: 0.6 }, children: "▼" })
           ]
@@ -2627,75 +2628,75 @@ function gn({
         {
           items: S,
           onSelect: (j) => {
-            var U;
+            var Q;
             const X = String(j.value ?? j.id ?? "");
-            r.id && H((q) => ({ ...q, [r.id]: X })), $(null), (U = r.onChange) == null || U.call(r, X), r.id && (h == null || h(r.id, r));
+            n.id && D((q) => ({ ...q, [n.id]: X })), $(null), (Q = n.onChange) == null || Q.call(n, X), n.id && (f == null || f(n.id, n));
           },
           style: { top: "100%", left: 0, minWidth: 100 }
         }
       )
-    ] }, T);
-  }, V = (r, T) => /* @__PURE__ */ x("div", { style: { display: "flex", flexDirection: "column", alignItems: "flex-start", justifyContent: "center", padding: "2px 4px", gap: 2 }, children: [
-    r.label && /* @__PURE__ */ t("span", { style: { fontSize: 10, color: e.textMut }, children: r.label }),
+    ] }, R);
+  }, V = (n, R) => /* @__PURE__ */ x("div", { style: { display: "flex", flexDirection: "column", alignItems: "flex-start", justifyContent: "center", padding: "2px 4px", gap: 2 }, children: [
+    n.label && /* @__PURE__ */ t("span", { style: { fontSize: 10, color: e.textMut }, children: n.label }),
     /* @__PURE__ */ x("div", { style: { position: "relative", display: "flex", alignItems: "center" }, children: [
-      r.icon && /* @__PURE__ */ t("span", { style: { position: "absolute", left: 6, fontSize: 13, color: e.textMut, pointerEvents: "none", zIndex: 1 }, children: r.icon }),
+      n.icon && /* @__PURE__ */ t("span", { style: { position: "absolute", left: 6, fontSize: 13, color: e.textMut, pointerEvents: "none", zIndex: 1 }, children: n.icon }),
       /* @__PURE__ */ t(
         "input",
         {
           className: "dhx dhx-input",
-          disabled: r.disabled,
-          style: { width: r.width || 110, height: 26, fontSize: 12, paddingLeft: r.icon ? 24 : void 0 },
-          placeholder: r.placeholder,
-          defaultValue: r.value,
+          disabled: n.disabled,
+          style: { width: n.width || 110, height: 26, fontSize: 12, paddingLeft: n.icon ? 24 : void 0 },
+          placeholder: n.placeholder,
+          defaultValue: n.value,
           onChange: (F) => {
             var k;
-            (k = r.onChange) == null || k.call(r, F.target.value), r.id && (a == null || a(r.id, F.target.value));
+            (k = n.onChange) == null || k.call(n, F.target.value), n.id && (a == null || a(n.id, F.target.value));
           },
           onBlur: (F) => {
             var k;
-            (k = r.onBlur) == null || k.call(r, F.target.value), r.id && (f == null || f(r.id, F.target.value));
+            (k = n.onBlur) == null || k.call(n, F.target.value), n.id && (u == null || u(n.id, F.target.value));
           },
           onFocus: (F) => {
             var k;
-            (k = r.onFocus) == null || k.call(r, F.target.value), r.id && (p == null || p(r.id, F.target.value));
+            (k = n.onFocus) == null || k.call(n, F.target.value), n.id && (p == null || p(n.id, F.target.value));
           }
         }
       )
     ] })
-  ] }, T), u = (r, T) => r.hidden ? null : /* @__PURE__ */ t("div", { title: r.tooltip, style: {
+  ] }, R), h = (n, R) => n.hidden ? null : /* @__PURE__ */ t("div", { title: n.tooltip, style: {
     padding: "2px 6px",
     fontSize: 11,
-    color: r.disabled ? e.textMut : e.textSec,
+    color: n.disabled ? e.textMut : e.textSec,
     display: "flex",
     alignItems: "center",
     alignSelf: "center",
     userSelect: "none",
-    opacity: r.disabled ? 0.5 : 1
-  }, children: r.html ? /* @__PURE__ */ t("span", { dangerouslySetInnerHTML: { __html: r.html } }) : r.value }, T), N = (r, T) => r.hidden ? null : /* @__PURE__ */ t(
+    opacity: n.disabled ? 0.5 : 1
+  }, children: n.html ? /* @__PURE__ */ t("span", { dangerouslySetInnerHTML: { __html: n.html } }) : n.value }, R), I = (n, R) => n.hidden ? null : /* @__PURE__ */ t(
     "div",
     {
       style: { display: "flex", alignItems: "center", alignSelf: "center", padding: "0 4px" },
-      dangerouslySetInnerHTML: { __html: r.html ?? "" }
+      dangerouslySetInnerHTML: { __html: n.html ?? "" }
     },
-    T
-  ), l = (r, T) => r.hidden ? null : r.type === "separator" || r.type === "sep" ? /* @__PURE__ */ t("div", { style: { width: 1, background: e.border, margin: "4px 2px", alignSelf: "stretch" } }, T) : r.type === "spacer" ? /* @__PURE__ */ t("div", { style: { flex: 1 } }, T) : r.type === "title" ? u(r, T) : r.type === "customHTML" ? N(r, T) : r.type === "imageButton" ? M(r, T) : r.type === "input" ? V(r, T) : r.type === "selectButton" ? D(r, T) : A(r, T), g = (r, T, F) => {
+    R
+  ), l = (n, R) => n.hidden ? null : n.type === "separator" || n.type === "sep" ? /* @__PURE__ */ t("div", { style: { width: 1, background: e.border, margin: "4px 2px", alignSelf: "stretch" } }, R) : n.type === "spacer" ? /* @__PURE__ */ t("div", { style: { flex: 1 } }, R) : n.type === "title" ? h(n, R) : n.type === "customHTML" ? I(n, R) : n.type === "imageButton" ? z(n, R) : n.type === "input" ? V(n, R) : n.type === "selectButton" ? C(n, R) : A(n, R), g = (n, R, F) => {
     var S;
-    if (r.hidden) return null;
-    const k = F || r.disabled;
+    if (n.hidden) return null;
+    const k = F || n.disabled;
     return /* @__PURE__ */ t("div", { style: {
       display: "flex",
-      flexDirection: r.direction === "col" ? "column" : "row",
-      alignItems: r.direction === "col" ? "flex-start" : "center",
+      flexDirection: n.direction === "col" ? "column" : "row",
+      alignItems: n.direction === "col" ? "flex-start" : "center",
       gap: 2,
-      opacity: r.disabled && !F ? 0.55 : 1,
+      opacity: n.disabled && !F ? 0.55 : 1,
       pointerEvents: k ? "none" : void 0
-    }, children: (S = r.items) == null ? void 0 : S.map(
-      (L, v) => L.type === "block" ? g(L, `${T}-${v}`, k) : l(L, `${T}-${v}`)
-    ) }, T);
-  }, K = (r, T) => {
+    }, children: (S = n.items) == null ? void 0 : S.map(
+      (T, v) => T.type === "block" ? g(T, `${R}-${v}`, k) : l(T, `${R}-${v}`)
+    ) }, R);
+  }, K = (n, R) => {
     var k;
-    if (r.hidden) return null;
-    const F = r.title || r.label;
+    if (n.hidden) return null;
+    const F = n.title || n.label;
     return /* @__PURE__ */ x("div", { style: {
       display: "flex",
       flexDirection: "column",
@@ -2703,17 +2704,17 @@ function gn({
       borderRight: `1px solid ${e.border}`,
       padding: "4px 6px 0",
       minWidth: 40,
-      opacity: r.disabled ? 0.55 : 1,
-      pointerEvents: r.disabled ? "none" : void 0
+      opacity: n.disabled ? 0.55 : 1,
+      pointerEvents: n.disabled ? "none" : void 0
     }, children: [
       /* @__PURE__ */ t("div", { style: {
         display: "flex",
-        flexDirection: r.direction === "col" ? "column" : "row",
-        alignItems: r.direction === "col" ? "stretch" : "center",
+        flexDirection: n.direction === "col" ? "column" : "row",
+        alignItems: n.direction === "col" ? "stretch" : "center",
         gap: 2,
         flex: 1
-      }, children: (k = r.items) == null ? void 0 : k.map(
-        (S, L) => S.type === "block" ? g(S, L, r.disabled) : l(S, L)
+      }, children: (k = n.items) == null ? void 0 : k.map(
+        (S, T) => S.type === "block" ? g(S, T, n.disabled) : l(S, T)
       ) }),
       F && /* @__PURE__ */ t("div", { style: {
         fontSize: 10,
@@ -2723,8 +2724,8 @@ function gn({
         marginTop: 2,
         borderTop: `1px solid ${e.border}`
       }, children: F })
-    ] }, T);
-  }, P = (r, T) => r.type === "block" ? K(r, T) : l(r, T);
+    ] }, R);
+  }, O = (n, R) => n.type === "block" ? K(n, R) : l(n, R);
   return /* @__PURE__ */ t(
     "div",
     {
@@ -2740,19 +2741,19 @@ function gn({
         minHeight: 72,
         ...s
       },
-      children: n.map(P)
+      children: r.map(O)
     }
   );
 }
-function Me(n) {
-  return n === "primary" ? e.primary : n === "success" ? e.success : n === "secondary" ? e.borderDk : e.danger;
+function Me(r) {
+  return r === "primary" ? e.primary : r === "success" ? e.success : r === "secondary" ? e.borderDk : e.danger;
 }
-function Kt(n, i, d) {
-  if (!n && !i) return d ? { background: e.primaryLt, color: e.primary } : {};
-  const s = n === "primary" ? e.primary : n === "danger" ? e.danger : n === "success" ? e.success : e.borderDk;
+function Vt(r, i, d) {
+  if (!r && !i) return d ? { background: e.primaryLt, color: e.primary } : {};
+  const s = r === "primary" ? e.primary : r === "danger" ? e.danger : r === "success" ? e.success : e.borderDk;
   return i === "link" ? { background: "transparent", color: s, border: "none", boxShadow: "none" } : i === "flat" ? { background: s, color: "#fff", border: "none", boxShadow: "none" } : { color: s };
 }
-function $e({ count: n, bg: i }) {
+function $e({ count: r, bg: i }) {
   return /* @__PURE__ */ t("span", { style: {
     position: "absolute",
     top: 3,
@@ -2770,55 +2771,55 @@ function $e({ count: n, bg: i }) {
     padding: "0 3px",
     lineHeight: 1,
     pointerEvents: "none"
-  }, children: n });
+  }, children: r });
 }
-function xn({
-  logo: n,
+function yr({
+  logo: r,
   items: i = [],
   vertical: d = !1,
   css: s,
-  menuCss: h,
+  menuCss: f,
   onAction: a,
-  onInputChange: f,
+  onInputChange: u,
   onInputBlur: p,
   onInputFocus: y,
-  style: z
+  style: M
 }) {
-  const [o, b] = W(null), [$, E] = W(() => {
+  const [o, b] = B(null), [$, N] = B(() => {
     const l = {};
     return i.forEach((g) => {
       g.id && (g.twoState || g.group) && g.active && (l[g.id] = !0);
     }), l;
-  }), [H, c] = W(() => {
+  }), [D, c] = B(() => {
     const l = {};
     return i.forEach((g) => {
       g.type === "selectButton" && g.id && g.value && (l[g.id] = g.value);
     }), l;
-  }), w = le(null);
-  Q(Z, []), xe(w, ae(() => b(null), []));
-  const C = (l) => {
+  }), w = ie(null);
+  J(Z, []), xe(w, ae(() => b(null), []));
+  const L = (l) => {
     var g, K;
     if (!l.disabled) {
-      if (l.twoState && l.id && E((P) => ({ ...P, [l.id]: !P[l.id] })), l.group && l.id && E((P) => {
-        const r = { ...P };
-        return i.forEach((T) => {
-          T.group === l.group && T.id && (r[T.id] = !1);
-        }), r[l.id] = !0, r;
+      if (l.twoState && l.id && N((O) => ({ ...O, [l.id]: !O[l.id] })), l.group && l.id && N((O) => {
+        const n = { ...O };
+        return i.forEach((R) => {
+          R.group === l.group && R.id && (n[R.id] = !1);
+        }), n[l.id] = !0, n;
       }), (g = l.items) != null && g.length || l.type === "selectButton") {
-        const P = l.id;
-        b((r) => r === P ? null : P);
+        const O = l.id;
+        b((n) => n === O ? null : O);
         return;
       }
       (K = l.onClick) == null || K.call(l, l.id || ""), a == null || a(l.id || "");
     }
-  }, R = (l, g) => /* @__PURE__ */ t("span", { style: {
+  }, E = (l, g) => /* @__PURE__ */ t("span", { style: {
     fontSize: 12,
     color: e.textSec,
     padding: "0 8px",
     fontWeight: 500,
     whiteSpace: "nowrap",
     alignSelf: "center"
-  }, children: l.value ?? l.text }, l.id ?? g), A = (l, g) => /* @__PURE__ */ t("div", { dangerouslySetInnerHTML: { __html: l.html ?? "" } }, l.id ?? g), M = (l, g) => /* @__PURE__ */ x("div", { style: { position: "relative", display: "flex", alignItems: "center", margin: "0 4px", gap: 4 }, children: [
+  }, children: l.value ?? l.text }, l.id ?? g), A = (l, g) => /* @__PURE__ */ t("div", { dangerouslySetInnerHTML: { __html: l.html ?? "" } }, l.id ?? g), z = (l, g) => /* @__PURE__ */ x("div", { style: { position: "relative", display: "flex", alignItems: "center", margin: "0 4px", gap: 4 }, children: [
     l.label && /* @__PURE__ */ t("span", { style: { fontSize: 12, color: e.textSec, whiteSpace: "nowrap" }, children: l.label }),
     /* @__PURE__ */ x("div", { style: { position: "relative", display: "flex", alignItems: "center" }, children: [
       l.icon && /* @__PURE__ */ t("span", { style: { position: "absolute", left: 8, color: e.textMut, fontSize: 15, pointerEvents: "none", zIndex: 1 }, children: l.icon }),
@@ -2830,21 +2831,21 @@ function xn({
           placeholder: l.placeholder,
           defaultValue: l.value,
           onChange: (K) => {
-            var P;
-            (P = l.onChange) == null || P.call(l, K.target.value), f == null || f(l.id || "", K.target.value);
+            var O;
+            (O = l.onChange) == null || O.call(l, K.target.value), u == null || u(l.id || "", K.target.value);
           },
           onBlur: (K) => {
-            var P;
-            (P = l.onBlur) == null || P.call(l, K.target.value), p == null || p(l.id || "", K.target.value);
+            var O;
+            (O = l.onBlur) == null || O.call(l, K.target.value), p == null || p(l.id || "", K.target.value);
           },
           onFocus: (K) => {
-            var P;
-            (P = l.onFocus) == null || P.call(l, K.target.value), y == null || y(l.id || "", K.target.value);
+            var O;
+            (O = l.onFocus) == null || O.call(l, K.target.value), y == null || y(l.id || "", K.target.value);
           }
         }
       )
     ] })
-  ] }, l.id ?? g), D = (l, g) => /* @__PURE__ */ x(
+  ] }, l.id ?? g), C = (l, g) => /* @__PURE__ */ x(
     "button",
     {
       title: l.tooltip,
@@ -2861,7 +2862,7 @@ function xn({
         background: "transparent",
         flexShrink: 0
       },
-      onClick: () => C(l),
+      onClick: () => L(l),
       children: [
         l.src && /* @__PURE__ */ t("img", { src: l.src, alt: l.value || "", style: { width: "100%", height: "100%", objectFit: "cover", borderRadius: "50%" } }),
         l.count !== void 0 && /* @__PURE__ */ t($e, { count: l.count, bg: Me(l.countColor) })
@@ -2869,7 +2870,7 @@ function xn({
     },
     l.id ?? g
   ), V = (l, g) => {
-    var P;
+    var O;
     const K = o === l.id;
     return /* @__PURE__ */ x("div", { style: { position: "relative" }, children: [
       /* @__PURE__ */ x(
@@ -2885,33 +2886,33 @@ function xn({
             cursor: l.disabled ? "not-allowed" : "pointer",
             ...d ? { width: "100%", justifyContent: "flex-start", padding: "0 16px", borderRadius: 0 } : {}
           },
-          onClick: () => C(l),
+          onClick: () => L(l),
           children: [
             l.icon && /* @__PURE__ */ t("span", { style: { fontSize: 16, flexShrink: 0 }, children: l.icon }),
-            /* @__PURE__ */ t("span", { style: { fontSize: 13 }, children: H[l.id] ?? l.value ?? l.text }),
+            /* @__PURE__ */ t("span", { style: { fontSize: 13 }, children: D[l.id] ?? l.value ?? l.text }),
             /* @__PURE__ */ t("span", { style: { fontSize: 9, opacity: 0.55 }, children: "▼" }),
             l.count !== void 0 && /* @__PURE__ */ t($e, { count: l.count, bg: Me(l.countColor) })
           ]
         }
       ),
-      K && ((P = l.items) == null ? void 0 : P.length) && /* @__PURE__ */ t(
+      K && ((O = l.items) == null ? void 0 : O.length) && /* @__PURE__ */ t(
         fe,
         {
           items: l.items,
-          onSelect: (r) => {
-            var T;
-            if (b(null), r.id !== void 0) {
-              const F = String(r.value ?? r.id);
-              c((k) => ({ ...k, [l.id]: F })), (T = l.onChange) == null || T.call(l, F), f == null || f(l.id, F);
+          onSelect: (n) => {
+            var R;
+            if (b(null), n.id !== void 0) {
+              const F = String(n.value ?? n.id);
+              c((k) => ({ ...k, [l.id]: F })), (R = l.onChange) == null || R.call(l, F), u == null || u(l.id, F);
             }
           },
           style: d ? { left: "100%", top: 0 } : { top: "100%", left: 0 }
         }
       )
     ] }, l.id ?? g);
-  }, u = (l, g) => {
-    var L;
-    const K = !!(l.id && (l.twoState || l.group) && $[l.id]), P = !!((L = l.items) != null && L.length), r = !!l.circle, T = !!l.loading, F = Kt(l.color, l.view, K), k = {
+  }, h = (l, g) => {
+    var T;
+    const K = !!(l.id && (l.twoState || l.group) && $[l.id]), O = !!((T = l.items) != null && T.length), n = !!l.circle, R = !!l.loading, F = Vt(l.color, l.view, K), k = {
       position: "relative",
       height: d ? 40 : 36,
       gap: 6,
@@ -2925,7 +2926,7 @@ function xn({
         padding: "0 16px",
         borderRadius: 0
       } : {},
-      ...r ? {
+      ...n ? {
         borderRadius: "50%",
         width: 36,
         height: 36,
@@ -2943,17 +2944,17 @@ function xn({
           title: l.tooltip,
           disabled: l.disabled,
           style: k,
-          onClick: () => C(l),
+          onClick: () => L(l),
           children: [
-            T ? /* @__PURE__ */ t("span", { style: { fontSize: 16, animation: "dhx-spin 1s linear infinite", display: "inline-block" }, children: "⟳" }) : l.icon && /* @__PURE__ */ t("span", { style: { fontSize: 16, flexShrink: 0 }, children: l.icon }),
-            !r && S && /* @__PURE__ */ t("span", { style: { fontSize: 13 }, children: S }),
-            !r && l.hotkey && /* @__PURE__ */ t("span", { style: { fontSize: 10, opacity: 0.45, marginLeft: 4 }, children: l.hotkey }),
-            P && !r && /* @__PURE__ */ t("span", { style: { fontSize: 9, opacity: 0.55, marginLeft: 2 }, children: "▼" }),
+            R ? /* @__PURE__ */ t("span", { style: { fontSize: 16, animation: "dhx-spin 1s linear infinite", display: "inline-block" }, children: "⟳" }) : l.icon && /* @__PURE__ */ t("span", { style: { fontSize: 16, flexShrink: 0 }, children: l.icon }),
+            !n && S && /* @__PURE__ */ t("span", { style: { fontSize: 13 }, children: S }),
+            !n && l.hotkey && /* @__PURE__ */ t("span", { style: { fontSize: 10, opacity: 0.45, marginLeft: 4 }, children: l.hotkey }),
+            O && !n && /* @__PURE__ */ t("span", { style: { fontSize: 9, opacity: 0.55, marginLeft: 2 }, children: "▼" }),
             l.count !== void 0 && /* @__PURE__ */ t($e, { count: l.count, bg: Me(l.countColor) })
           ]
         }
       ),
-      P && o === l.id && /* @__PURE__ */ t(
+      O && o === l.id && /* @__PURE__ */ t(
         fe,
         {
           items: l.items,
@@ -2965,12 +2966,12 @@ function xn({
         }
       )
     ] }, l.id ?? g);
-  }, N = (l, g) => l.hidden ? null : l.type === "separator" ? /* @__PURE__ */ t("div", { style: {
+  }, I = (l, g) => l.hidden ? null : l.type === "separator" ? /* @__PURE__ */ t("div", { style: {
     [d ? "height" : "width"]: 1,
     background: e.border,
     margin: d ? "4px 8px" : "0 6px",
     alignSelf: "stretch"
-  } }, l.id ?? g) : l.type === "spacer" ? /* @__PURE__ */ t("div", { style: { flex: 1 } }, l.id ?? g) : l.type === "title" ? R(l, g) : l.type === "customHTML" ? A(l, g) : l.type === "input" ? M(l, g) : l.type === "selectButton" ? V(l, g) : l.type === "imageButton" ? D(l, g) : u(l, g);
+  } }, l.id ?? g) : l.type === "spacer" ? /* @__PURE__ */ t("div", { style: { flex: 1 } }, l.id ?? g) : l.type === "title" ? E(l, g) : l.type === "customHTML" ? A(l, g) : l.type === "input" ? z(l, g) : l.type === "selectButton" ? V(l, g) : l.type === "imageButton" ? C(l, g) : h(l, g);
   return /* @__PURE__ */ x(
     "nav",
     {
@@ -2986,10 +2987,10 @@ function xn({
         padding: d ? "8px 0" : "0 12px",
         minHeight: d ? void 0 : 48,
         gap: 2,
-        ...z
+        ...M
       },
       children: [
-        n && /* @__PURE__ */ t("div", { style: {
+        r && /* @__PURE__ */ t("div", { style: {
           color: e.text,
           fontWeight: 800,
           fontSize: 16,
@@ -2999,41 +3000,91 @@ function xn({
           marginRight: d ? 0 : 8,
           marginBottom: d ? 4 : 0,
           flexShrink: 0
-        }, children: n }),
-        i.map(N)
+        }, children: r }),
+        i.map(I)
       ]
     }
   );
 }
+function br({
+  value: r,
+  toolbar: i,
+  menubar: d,
+  fullscreenMode: s,
+  layoutMode: f,
+  imageUploadUrl: a,
+  locale: u,
+  defaultStyles: p,
+  onChange: y,
+  style: M,
+  className: o
+}) {
+  const b = ie(null), $ = ie(null), N = ie(y);
+  return N.current = y, J(() => {
+    if (!b.current) return;
+    const D = {};
+    r !== void 0 && (D.value = r), i !== void 0 && (D.toolbar = i), d !== void 0 && (D.menubar = d), s !== void 0 && (D.fullscreenMode = s), f !== void 0 && (D.layoutMode = f), a !== void 0 && (D.imageUploadUrl = a), u !== void 0 && (D.locale = u), p !== void 0 && (D.defaultStyles = p);
+    const c = new kt(b.current, D);
+    $.current = c;
+    let w = c.getValue(), L;
+    const E = new MutationObserver(() => {
+      clearTimeout(L), L = setTimeout(() => {
+        var z;
+        const A = c.getValue();
+        A !== w && (w = A, (z = N.current) == null || z.call(N, A));
+      }, 150);
+    });
+    return E.observe(b.current, {
+      childList: !0,
+      subtree: !0,
+      characterData: !0
+    }), () => {
+      clearTimeout(L), E.disconnect(), c.destructor(), b.current && (b.current.innerHTML = ""), $.current = null;
+    };
+  }, []), J(() => {
+    const D = $.current;
+    !D || r === void 0 || D.getValue() !== r && D.setValue(r);
+  }, [r]), J(() => {
+    $.current && u && $.current.setLocale(u);
+  }, [u]), /* @__PURE__ */ t(
+    "div",
+    {
+      ref: b,
+      className: o,
+      style: { display: "flex", flexDirection: "column", height: 500, ...M }
+    }
+  );
+}
 export {
-  Gt as Button,
-  rn as Calendar,
-  nn as Chart,
-  on as Colorpicker,
+  Ut as Button,
+  ir as Calendar,
+  or as Chart,
+  lr as Colorpicker,
   je as Combobox,
-  Ut as ContextMenu,
-  un as DataView,
-  fn as Form,
-  tn as Grid,
-  Lt as Layout,
-  cn as List,
-  Jt as Menu,
+  Zt as ContextMenu,
+  pr as DataView,
+  gr as Form,
+  nr as Grid,
+  Ct as Layout,
+  ur as List,
+  Qt as Menu,
   fe as MenuDropdown,
   Ke as MessageContext,
-  an as MessageProvider,
-  xn as Navbar,
-  hn as Pagination,
-  ln as Popup,
-  gn as Ribbon,
-  Zt as Sidebar,
-  Pe as Slider,
-  en as Tabbar,
-  Ht as Timepicker,
-  Qt as Toolbar,
-  pn as Tree,
-  sn as Window,
+  dr as MessageProvider,
+  yr as Navbar,
+  fr as Pagination,
+  sr as Popup,
+  xr as Ribbon,
+  br as Richtext,
+  tr as Sidebar,
+  Oe as Slider,
+  rr as Tabbar,
+  At as Timepicker,
+  er as Toolbar,
+  hr as Tree,
+  ar as Window,
   e as tokens,
   xe as useClickOutside,
-  wt as useDrag,
-  dn as useMessage
+  zt as useDrag,
+  cr as useMessage
 };