dhx-react-suite 1.1.4 → 1.1.6

package/dist/dhx-react-suite.js

@@ -1,5 +1,5 @@
-import { jsxs as x, jsx as t, Fragment as Ne } from "react/jsx-runtime";
-import { useEffect as F, useRef as U, useCallback as Z, useState as L, useMemo as ue, createContext as Pe, useContext as je } from "react";
+import { jsxs as g, jsx as t, Fragment as Ne } from "react/jsx-runtime";
+import { useEffect as K, useRef as U, useCallback as Z, useState as T, useMemo as ue, createContext as Pe, useContext as je } from "react";
 import { Tooltip as Oe, Legend as Ye, CartesianGrid as Fe, XAxis as Se, YAxis as we, BarChart as Ke, Bar as Ve, LineChart as _e, Line as Xe, AreaChart as qe, Area as Ge, PieChart as Je, Pie as Ue, Cell as Qe, RadarChart as Ze, PolarGrid as et, PolarAngleAxis as tt, PolarRadiusAxis as nt, Radar as rt, ScatterChart as ot, Scatter as it, ResponsiveContainer as lt, Treemap as st } from "recharts";
 const e = {
   primary: "#0288d1",
@@ -21,7 +21,7 @@ const e = {
   rMd: "8px",
   font: "'Segoe UI', system-ui, -apple-system, sans-serif"
 }, ze = "dhx-react-styles";
-function V() {
+function _() {
   if (typeof document > "u" || document.getElementById(ze)) return;
   const n = document.createElement("style");
   n.id = ze, n.textContent = `
@@ -81,7 +81,7 @@ function Mt({
   style: h,
   className: d = ""
 }) {
-  return F(V, []), /* @__PURE__ */ x(
+  return K(_, []), /* @__PURE__ */ g(
     "button",
     {
       className: `dhx dhx-btn dhx-btn-${i} ${d}`,
@@ -96,7 +96,7 @@ function Mt({
   );
 }
 function he(n, i) {
-  F(() => {
+  K(() => {
     const p = (s) => {
       n.current && !n.current.contains(s.target) && i(s);
     };
@@ -121,13 +121,13 @@ function dt(n) {
   );
 }
 function fe({ items: n, onSelect: i, style: p }) {
-  const [s, f] = L(null);
+  const [s, f] = T(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", ...p }, children: n.map((a, h) => {
     var y, w;
     if (a.type === "separator") return /* @__PURE__ */ t("div", { style: { height: 1, background: e.border, margin: "4px 0" } }, h);
     const d = s === h;
-    return /* @__PURE__ */ x("div", { style: { position: "relative" }, onMouseEnter: () => f(h), onMouseLeave: () => f(null), children: [
-      /* @__PURE__ */ x(
+    return /* @__PURE__ */ g("div", { style: { position: "relative" }, onMouseEnter: () => f(h), onMouseLeave: () => f(null), children: [
+      /* @__PURE__ */ g(
         "div",
         {
           onClick: () => {
@@ -148,9 +148,9 @@ function fe({ items: n, onSelect: i, style: p }) {
   }) });
 }
 function $t({ items: n = [], label: i = "Menu", onSelect: p, style: s }) {
-  const [f, a] = L(!1), h = U(null);
-  return F(V, []), he(h, Z(() => a(!1), [])), /* @__PURE__ */ x("div", { ref: h, className: "dhx", style: { position: "relative", display: "inline-block", ...s }, children: [
-    /* @__PURE__ */ x("button", { className: "dhx dhx-btn dhx-btn-secondary", onClick: () => a((d) => !d), children: [
+  const [f, a] = T(!1), h = U(null);
+  return K(_, []), he(h, Z(() => a(!1), [])), /* @__PURE__ */ g("div", { ref: h, className: "dhx", style: { position: "relative", display: "inline-block", ...s }, children: [
+    /* @__PURE__ */ g("button", { className: "dhx dhx-btn dhx-btn-secondary", onClick: () => a((d) => !d), children: [
       i,
       " ",
       /* @__PURE__ */ t("span", { style: { fontSize: 10 }, children: f ? "▲" : "▼" })
@@ -161,8 +161,8 @@ function $t({ items: n = [], label: i = "Menu", onSelect: p, style: s }) {
   ] });
 }
 function Dt({ items: n = [], onSelect: i, children: p }) {
-  const [s, f] = L(null), a = U(null);
-  return F(V, []), he(a, Z(() => f(null), [])), /* @__PURE__ */ x("div", { ref: a, onContextMenu: (d) => {
+  const [s, f] = T(null), a = U(null);
+  return K(_, []), he(a, Z(() => f(null), [])), /* @__PURE__ */ g("div", { ref: a, onContextMenu: (d) => {
     d.preventDefault(), f({ x: d.clientX, y: d.clientY });
   }, style: { position: "relative", display: "contents" }, children: [
     p,
@@ -192,35 +192,35 @@ function Me({ count: n }) {
   }, children: n });
 }
 function Ct({ items: n = [], onAction: i, style: p }) {
-  const [s, f] = L(null), [a, h] = L(() => {
+  const [s, f] = T(null), [a, h] = T(() => {
     const r = {};
     return n.forEach((l) => {
       l.id && (l.twoState || l.group) && l.active && (r[l.id] = !0);
     }), r;
   }), d = U(null);
-  F(V, []), he(d, Z(() => f(null), []));
+  K(_, []), he(d, Z(() => f(null), []));
   const y = (r, l) => {
     var c, b;
     if (!r.disabled) {
-      if (r.twoState && r.id && h((o) => ({ ...o, [r.id]: !o[r.id] })), r.group && r.id && h((o) => {
-        const g = { ...o };
-        return n.forEach((m) => {
-          m.group === r.group && m.id && (g[m.id] = !1);
-        }), g[r.id] = !0, g;
+      if (r.twoState && r.id && h((S) => ({ ...S, [r.id]: !S[r.id] })), r.group && r.id && h((S) => {
+        const o = { ...S };
+        return n.forEach((x) => {
+          x.group === r.group && x.id && (o[x.id] = !1);
+        }), o[r.id] = !0, o;
       }), (c = r.items) != null && c.length) {
-        f((o) => o === l ? null : l);
+        f((S) => S === l ? null : l);
         return;
       }
       (b = r.onClick) == null || b.call(r, r.id || ""), i == null || i(r.id || "");
     }
   }, w = (r, l) => {
-    var g, m;
+    var o, x;
     if (r.hidden) return null;
     if (r.type === "separator") return /* @__PURE__ */ t("div", { style: { width: 1, background: e.border, margin: "6px 4px", alignSelf: "stretch" } }, l);
     if (r.type === "spacer") return /* @__PURE__ */ t("div", { style: { flex: 1 } }, l);
-    if (r.type === "input") return /* @__PURE__ */ x("div", { style: { display: "flex", alignItems: "center", gap: 6 }, children: [
+    if (r.type === "input") return /* @__PURE__ */ g("div", { style: { display: "flex", alignItems: "center", gap: 6 }, children: [
       r.label && /* @__PURE__ */ t("span", { style: { fontSize: 12, color: e.textSec, fontWeight: 500 }, children: r.label }),
-      /* @__PURE__ */ x("div", { style: { position: "relative", display: "flex", alignItems: "center" }, children: [
+      /* @__PURE__ */ g("div", { style: { position: "relative", display: "flex", alignItems: "center" }, children: [
         r.icon && /* @__PURE__ */ t("span", { style: { position: "absolute", left: 8, color: e.textMut, fontSize: 15, pointerEvents: "none", zIndex: 1 }, children: r.icon }),
         /* @__PURE__ */ t(
           "input",
@@ -229,15 +229,15 @@ function Ct({ items: n = [], onAction: i, style: p }) {
             style: { width: r.width || 140, height: 28, paddingLeft: r.icon ? 30 : void 0 },
             placeholder: r.placeholder,
             defaultValue: r.value,
-            onChange: ($) => {
-              var C;
-              return (C = r.onChange) == null ? void 0 : C.call(r, $.target.value);
+            onChange: (k) => {
+              var $;
+              return ($ = r.onChange) == null ? void 0 : $.call(r, k.target.value);
             }
           }
         )
       ] })
     ] }, l);
-    if (r.type === "select") return /* @__PURE__ */ x("div", { style: { display: "flex", alignItems: "center", gap: 6 }, children: [
+    if (r.type === "select") return /* @__PURE__ */ g("div", { style: { display: "flex", alignItems: "center", gap: 6 }, children: [
       r.label && /* @__PURE__ */ t("span", { style: { fontSize: 12, color: e.textSec, fontWeight: 500 }, children: r.label }),
       /* @__PURE__ */ t(
         "select",
@@ -245,15 +245,15 @@ function Ct({ items: n = [], onAction: i, style: p }) {
           className: "dhx dhx-input",
           style: { width: r.width || 100, height: 28, cursor: "pointer" },
           defaultValue: r.value,
-          onChange: ($) => {
-            var C;
-            return (C = r.onChange) == null ? void 0 : C.call(r, $.target.value);
+          onChange: (k) => {
+            var $;
+            return ($ = r.onChange) == null ? void 0 : $.call(r, k.target.value);
           },
-          children: (g = r.options) == null ? void 0 : g.map(($) => /* @__PURE__ */ t("option", { value: $.value, children: $.label }, $.value))
+          children: (o = r.options) == null ? void 0 : o.map((k) => /* @__PURE__ */ t("option", { value: k.value, children: k.label }, k.value))
         }
       )
     ] }, l);
-    if (r.type === "imageButton") return /* @__PURE__ */ x(
+    if (r.type === "imageButton") return /* @__PURE__ */ g(
       "button",
       {
         title: r.tooltip,
@@ -278,9 +278,9 @@ function Ct({ items: n = [], onAction: i, style: p }) {
       },
       l
     );
-    const c = !!(r.id && a[r.id]), b = r.value ?? r.text, o = !!((m = r.items) != null && m.length);
-    return /* @__PURE__ */ x("div", { style: { position: "relative" }, children: [
-      /* @__PURE__ */ x(
+    const c = !!(r.id && a[r.id]), b = r.value ?? r.text, S = !!((x = r.items) != null && x.length);
+    return /* @__PURE__ */ g("div", { style: { position: "relative" }, children: [
+      /* @__PURE__ */ g(
         "button",
         {
           className: "dhx dhx-btn dhx-btn-ghost",
@@ -299,12 +299,12 @@ function Ct({ items: n = [], onAction: i, style: p }) {
           children: [
             r.icon && /* @__PURE__ */ t("span", { style: { fontSize: 16 }, children: r.icon }),
             b && /* @__PURE__ */ t("span", { style: { fontSize: 13 }, children: b }),
-            o && /* @__PURE__ */ t("span", { style: { fontSize: 9, opacity: 0.55, marginLeft: 2 }, children: "▼" }),
+            S && /* @__PURE__ */ t("span", { style: { fontSize: 9, opacity: 0.55, marginLeft: 2 }, children: "▼" }),
             r.count !== void 0 && /* @__PURE__ */ t(Me, { count: r.count })
           ]
         }
       ),
-      o && s === l && /* @__PURE__ */ t(
+      S && s === l && /* @__PURE__ */ t(
         fe,
         {
           items: r.items,
@@ -335,45 +335,45 @@ function Ct({ items: n = [], onAction: i, style: p }) {
   );
 }
 function It({ items: n = [], width: i = 240, collapsed: p, onSelect: s, header: f, footer: a, style: h }) {
-  const [d, y] = L(p ?? !1), [w, r] = L(null), [l, c] = L({});
-  F(V, []);
-  const b = d ? 56 : i, o = (m) => {
-    r(m.id), s == null || s(m);
-  }, g = (m, $ = 0) => {
+  const [d, y] = T(p ?? !1), [w, r] = T(null), [l, c] = T({});
+  K(_, []);
+  const b = d ? 56 : i, S = (x) => {
+    r(x.id), s == null || s(x);
+  }, o = (x, k = 0) => {
     var M;
-    if (m.type === "separator") return /* @__PURE__ */ t("div", { style: { height: 1, background: e.border, margin: "6px 8px" } }, m.id);
-    if (m.type === "customHTML") return /* @__PURE__ */ t("div", { style: { padding: "8px 12px" }, dangerouslySetInnerHTML: { __html: m.html || "" } }, m.id);
-    const C = (((M = m.items) == null ? void 0 : M.length) ?? 0) > 0, N = l[m.id], k = w === m.id;
-    return /* @__PURE__ */ x("div", { children: [
-      /* @__PURE__ */ x(
+    if (x.type === "separator") return /* @__PURE__ */ t("div", { style: { height: 1, background: e.border, margin: "6px 8px" } }, x.id);
+    if (x.type === "customHTML") return /* @__PURE__ */ t("div", { style: { padding: "8px 12px" }, dangerouslySetInnerHTML: { __html: x.html || "" } }, x.id);
+    const $ = (((M = x.items) == null ? void 0 : M.length) ?? 0) > 0, L = l[x.id], m = w === x.id;
+    return /* @__PURE__ */ g("div", { children: [
+      /* @__PURE__ */ g(
         "div",
         {
           onClick: () => {
-            C && c((W) => ({ ...W, [m.id]: !W[m.id] })), o(m);
+            $ && c((A) => ({ ...A, [x.id]: !A[x.id] })), S(x);
           },
-          style: { display: "flex", alignItems: "center", gap: 10, padding: `8px ${d ? "0px" : `${12 + $ * 16}px`}`, cursor: "pointer", borderRadius: e.r, margin: "1px 6px", justifyContent: d ? "center" : "flex-start", transition: "all .15s", background: k ? e.primaryLt : "transparent", color: k ? e.primary : e.text, userSelect: "none" },
-          onMouseEnter: (W) => !k && (W.currentTarget.style.background = e.bg),
-          onMouseLeave: (W) => !k && (W.currentTarget.style.background = "transparent"),
+          style: { display: "flex", alignItems: "center", gap: 10, padding: `8px ${d ? "0px" : `${12 + k * 16}px`}`, cursor: "pointer", borderRadius: e.r, margin: "1px 6px", justifyContent: d ? "center" : "flex-start", transition: "all .15s", background: m ? e.primaryLt : "transparent", color: m ? e.primary : e.text, userSelect: "none" },
+          onMouseEnter: (A) => !m && (A.currentTarget.style.background = e.bg),
+          onMouseLeave: (A) => !m && (A.currentTarget.style.background = "transparent"),
           children: [
-            m.icon && /* @__PURE__ */ t("span", { style: { fontSize: 18, minWidth: 22, textAlign: "center" }, children: m.icon }),
-            !d && /* @__PURE__ */ t("span", { style: { flex: 1, fontSize: 13, fontWeight: k ? 600 : 400 }, children: m.value }),
-            !d && m.count !== void 0 && /* @__PURE__ */ t("span", { style: { background: e.primary, color: "#fff", borderRadius: 10, padding: "1px 6px", fontSize: 11, fontWeight: 700 }, children: m.count }),
-            !d && C && /* @__PURE__ */ t("span", { style: { fontSize: 12, color: e.textMut, transition: "transform .15s", transform: N ? "rotate(90deg)" : "rotate(0deg)" }, children: "▶" })
+            x.icon && /* @__PURE__ */ t("span", { style: { fontSize: 18, minWidth: 22, textAlign: "center" }, children: x.icon }),
+            !d && /* @__PURE__ */ t("span", { style: { flex: 1, fontSize: 13, fontWeight: m ? 600 : 400 }, children: x.value }),
+            !d && x.count !== void 0 && /* @__PURE__ */ t("span", { style: { background: e.primary, color: "#fff", borderRadius: 10, padding: "1px 6px", fontSize: 11, fontWeight: 700 }, children: x.count }),
+            !d && $ && /* @__PURE__ */ t("span", { style: { fontSize: 12, color: e.textMut, transition: "transform .15s", transform: L ? "rotate(90deg)" : "rotate(0deg)" }, children: "▶" })
           ]
         }
       ),
-      C && N && !d && m.items.map((W) => g(W, $ + 1))
-    ] }, m.id);
+      $ && L && !d && x.items.map((A) => o(A, k + 1))
+    ] }, x.id);
   };
-  return /* @__PURE__ */ x("div", { className: "dhx", style: { width: b, minWidth: b, background: e.surface, borderRight: `1px solid ${e.border}`, display: "flex", flexDirection: "column", transition: "width .2s ease", overflow: "hidden", ...h }, children: [
+  return /* @__PURE__ */ g("div", { className: "dhx", style: { width: b, minWidth: b, background: e.surface, borderRight: `1px solid ${e.border}`, display: "flex", flexDirection: "column", transition: "width .2s ease", overflow: "hidden", ...h }, children: [
     f && !d && /* @__PURE__ */ t("div", { style: { padding: "12px 14px", borderBottom: `1px solid ${e.border}`, fontWeight: 700, fontSize: 15 }, children: f }),
-    /* @__PURE__ */ t("button", { onClick: () => y((m) => !m), style: { margin: "8px 6px", background: "transparent", border: "none", cursor: "pointer", display: "flex", alignItems: "center", justifyContent: d ? "center" : "flex-end", padding: "4px 6px", borderRadius: e.r, color: e.textSec }, children: /* @__PURE__ */ t("span", { style: { fontSize: 18 }, children: d ? "☰" : "✕" }) }),
-    /* @__PURE__ */ t("div", { className: "dhx-scroll", style: { flex: 1, overflowY: "auto", overflowX: "hidden" }, children: n.map((m) => g(m)) }),
+    /* @__PURE__ */ t("button", { onClick: () => y((x) => !x), style: { margin: "8px 6px", background: "transparent", border: "none", cursor: "pointer", display: "flex", alignItems: "center", justifyContent: d ? "center" : "flex-end", padding: "4px 6px", borderRadius: e.r, color: e.textSec }, children: /* @__PURE__ */ t("span", { style: { fontSize: 18 }, children: d ? "☰" : "✕" }) }),
+    /* @__PURE__ */ t("div", { className: "dhx-scroll", style: { flex: 1, overflowY: "auto", overflowX: "hidden" }, children: n.map((x) => o(x)) }),
     a && !d && /* @__PURE__ */ t("div", { style: { padding: "10px 14px", borderTop: `1px solid ${e.border}` }, children: a })
   ] });
 }
 function ct({ config: n }) {
-  const [i, p] = L(!1), s = {
+  const [i, p] = T(!1), s = {
     position: "relative",
     background: e.surface,
     border: `1px solid ${e.border}`,
@@ -383,57 +383,57 @@ function ct({ config: n }) {
     ...n.height ? { height: n.height, minHeight: n.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: [
+  return /* @__PURE__ */ g("div", { style: s, children: [
+    n.header && /* @__PURE__ */ g("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: () => p((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: [
+    !i && /* @__PURE__ */ g("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(pt, { rows: n.rows, cols: n.cols, style: { height: "100%" } })
     ] })
   ] });
 }
 function pt({ rows: n, cols: i, type: p = "line", style: s, children: f }) {
-  F(V, []);
+  K(_, []);
   const a = p === "space" ? 12 : p === "wide" ? 8 : 1, h = n || i, d = !!n;
   return h ? /* @__PURE__ */ t("div", { className: "dhx", style: { display: "flex", flexDirection: d ? "column" : "row", gap: a, width: "100%", height: "100%", ...s }, children: h.map((y, w) => /* @__PURE__ */ t(ct, { config: y }, y.id || w)) }) : /* @__PURE__ */ t("div", { className: "dhx", style: { width: "100%", height: "100%", ...s }, children: f });
 }
 function Lt({ views: n = [], mode: i = "top", tabAlign: p = "left", closable: s = [], disabled: f = [], defaultActive: a, onBeforeChange: h, onChange: d, style: y }) {
-  var k;
-  const [w, r] = L(a || ((k = n[0]) == null ? void 0 : k.id)), [l, c] = L(n.map((M) => M.id));
-  F(V, []);
-  const b = (M, W) => {
-    M.stopPropagation(), c((u) => u.filter((I) => I !== W)), w === W && r(l.find((u) => u !== W) ?? "");
-  }, o = (M) => {
+  var m;
+  const [w, r] = T(a || ((m = n[0]) == null ? void 0 : m.id)), [l, c] = T(n.map((M) => M.id));
+  K(_, []);
+  const b = (M, A) => {
+    M.stopPropagation(), c((u) => u.filter((I) => I !== A)), w === A && r(l.find((u) => u !== A) ?? "");
+  }, S = (M) => {
     f.includes(M) || h && h(M) === !1 || (r(M), d == null || d(M));
-  }, g = i === "left" || i === "right", m = n.filter((M) => l.includes(M.id)), $ = /* @__PURE__ */ t("div", { style: { display: "flex", flexDirection: g ? "column" : "row", justifyContent: p === "center" ? "center" : p === "right" ? "flex-end" : "flex-start", background: e.surface, borderBottom: !g && 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: m.map((M) => {
-    const W = w === M.id, u = f.includes(M.id), I = i === "bottom" ? { borderTop: `2px solid ${e.primary}`, color: e.primary, fontWeight: 600 } : g ? { 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(
+  }, o = i === "left" || i === "right", x = n.filter((M) => l.includes(M.id)), k = /* @__PURE__ */ t("div", { style: { display: "flex", flexDirection: o ? "column" : "row", justifyContent: p === "center" ? "center" : p === "right" ? "flex-end" : "flex-start", background: e.surface, borderBottom: !o && 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: x.map((M) => {
+    const A = w === M.id, u = f.includes(M.id), I = i === "bottom" ? { borderTop: `2px solid ${e.primary}`, color: e.primary, fontWeight: 600 } : o ? { 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__ */ g(
       "div",
       {
-        onClick: () => o(M.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: g ? 120 : "auto", ...W ? I : { color: u ? e.textMut : e.textSec } },
+        onClick: () => S(M.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: o ? 120 : "auto", ...A ? I : { color: u ? e.textMut : e.textSec } },
         children: [
           M.icon && /* @__PURE__ */ t("span", { style: { fontSize: 16 }, children: M.icon }),
           /* @__PURE__ */ t("span", { children: M.tab }),
-          s.includes(M.id) && /* @__PURE__ */ t("span", { onClick: (v) => b(v, M.id), style: { marginLeft: 4, opacity: 0.6, fontSize: 12, cursor: "pointer" }, children: "✕" })
+          s.includes(M.id) && /* @__PURE__ */ t("span", { onClick: (R) => b(R, M.id), style: { marginLeft: 4, opacity: 0.6, fontSize: 12, cursor: "pointer" }, children: "✕" })
         ]
       },
       M.id
     );
-  }) }), C = m.find((M) => M.id === w), N = /* @__PURE__ */ x("div", { className: "dhx-scroll", style: { flex: 1, overflow: "auto" }, children: [
-    C == null ? void 0 : C.content,
-    (C == null ? void 0 : C.html) && /* @__PURE__ */ t("div", { dangerouslySetInnerHTML: { __html: C.html }, style: { padding: 16 } })
+  }) }), $ = x.find((M) => M.id === w), L = /* @__PURE__ */ g("div", { className: "dhx-scroll", style: { flex: 1, overflow: "auto" }, children: [
+    $ == null ? void 0 : $.content,
+    ($ == null ? void 0 : $.html) && /* @__PURE__ */ t("div", { dangerouslySetInnerHTML: { __html: $.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: [
-    $,
-    N
+  return /* @__PURE__ */ g("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: [
+    k,
+    L
   ] });
 }
 const se = `1px solid ${e.border}`;
 function ut({ active: n, dir: i }) {
-  return /* @__PURE__ */ x("span", { style: { display: "inline-flex", flexDirection: "column", gap: 1, flexShrink: 0, marginLeft: 4 }, children: [
+  return /* @__PURE__ */ g("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 }) })
   ] });
@@ -453,101 +453,101 @@ function Tt({
   multiselect: l,
   onSelect: c,
   onChange: b,
-  style: o
+  style: S
 }) {
-  const [g, m] = L(null), [$, C] = L("asc"), [N, k] = L({}), [M, W] = L(/* @__PURE__ */ new Set()), [u, I] = L(-1), [v, H] = L(() => n.map((S) => S.width ?? S.minWidth ?? 150)), [_, G] = L(null), [Q, re] = L(""), [ee, T] = L({}), z = U(null), [A, P] = L(0);
-  F(V, []), F(() => {
+  const [o, x] = T(null), [k, $] = T("asc"), [L, m] = T({}), [M, A] = T(/* @__PURE__ */ new Set()), [u, I] = T(-1), [R, C] = T(() => n.map((v) => v.width ?? v.minWidth ?? 150)), [P, q] = T(null), [Q, ee] = T(""), [te, N] = T({}), z = U(null), [B, j] = T(0);
+  K(_, []), K(() => {
     if (!y || !z.current) return;
-    const S = new ResizeObserver(() => {
+    const v = new ResizeObserver(() => {
       var D;
-      return P(((D = z.current) == null ? void 0 : D.offsetWidth) ?? 0);
+      return j(((D = z.current) == null ? void 0 : D.offsetWidth) ?? 0);
     });
-    return S.observe(z.current), () => S.disconnect();
+    return v.observe(z.current), () => v.disconnect();
   }, [y]);
-  const O = ue(() => {
-    if (!y || A === 0) return v;
-    const S = v.reduce((E, R) => E + R, 0);
-    if (A <= S) return v;
-    const D = (A - S) / n.length;
-    return v.map((E) => E + D);
-  }, [y, A, v, n.length]), j = ue(() => {
-    let S = i.map((D, E) => {
-      const R = String(D.id ?? E);
-      return ee[R] ? { ...D, ...ee[R] } : D;
+  const Y = ue(() => {
+    if (!y || B === 0) return R;
+    const v = R.reduce((W, E) => W + E, 0);
+    if (B <= v) return R;
+    const D = (B - v) / n.length;
+    return R.map((W) => W + D);
+  }, [y, B, R, n.length]), O = ue(() => {
+    let v = i.map((D, W) => {
+      const E = String(D.id ?? W);
+      return te[E] ? { ...D, ...te[E] } : D;
     }).filter(
-      (D) => Object.entries(N).every(([E, R]) => !R || String(D[E] ?? "").toLowerCase().includes(R.toLowerCase()))
+      (D) => Object.entries(L).every(([W, E]) => !E || String(D[W] ?? "").toLowerCase().includes(E.toLowerCase()))
     );
-    return g && (S = [...S].sort((D, E) => {
-      const R = D[g], K = E[g];
-      if (R == null) return 1;
-      if (K == null) return -1;
-      const Y = R < K ? -1 : R > K ? 1 : 0;
-      return $ === "asc" ? Y : -Y;
-    })), S;
-  }, [i, g, $, N, ee]), J = ue(() => {
-    const S = {};
+    return o && (v = [...v].sort((D, W) => {
+      const E = D[o], V = W[o];
+      if (E == null) return 1;
+      if (V == null) return -1;
+      const F = E < V ? -1 : E > V ? 1 : 0;
+      return k === "asc" ? F : -F;
+    })), v;
+  }, [i, o, k, L, te]), J = ue(() => {
+    const v = {};
     return n.forEach((D) => {
-      var E;
-      if ((E = D.footer) != null && E.some((R) => R.summary)) {
-        const R = j.map((Y) => Number(Y[D.id])).filter((Y) => !isNaN(Y)), K = R.reduce((Y, de) => Y + de, 0);
-        S[D.id] = { sum: K, avg: R.length ? K / R.length : 0, count: j.length, min: R.length ? Math.min(...R) : 0, max: R.length ? Math.max(...R) : 0 };
+      var W;
+      if ((W = D.footer) != null && W.some((E) => E.summary)) {
+        const E = O.map((F) => Number(F[D.id])).filter((F) => !isNaN(F)), V = E.reduce((F, de) => F + de, 0);
+        v[D.id] = { sum: V, avg: E.length ? V / E.length : 0, count: O.length, min: E.length ? Math.min(...E) : 0, max: E.length ? Math.max(...E) : 0 };
       }
-    }), S;
-  }, [j, n]), X = ue(() => {
-    const S = {};
+    }), v;
+  }, [O, n]), X = ue(() => {
+    const v = {};
     return n.filter((D) => D.filterType === "select").forEach((D) => {
-      S[D.id] = [...new Set(i.map((E) => String(E[D.id] ?? "")))].sort();
-    }), S;
-  }, [i, n]), oe = n.some((S) => S.filterable), te = n.some((S) => {
+      v[D.id] = [...new Set(i.map((W) => String(W[D.id] ?? "")))].sort();
+    }), v;
+  }, [i, n]), oe = n.some((v) => v.filterable), ne = n.some((v) => {
     var D;
-    return (D = S.footer) == null ? void 0 : D.length;
-  }), ie = O.reduce((S, D) => S + D, 0), le = (S, D) => S.id ?? D, ae = (S) => {
-    !f || S.sortable === !1 || (C((D) => g === S.id && D === "asc" ? "desc" : "asc"), m(S.id));
-  }, B = (S, D) => {
+    return (D = v.footer) == null ? void 0 : D.length;
+  }), ie = Y.reduce((v, D) => v + D, 0), le = (v, D) => v.id ?? D, ae = (v) => {
+    !f || v.sortable === !1 || ($((D) => o === v.id && D === "asc" ? "desc" : "asc"), x(v.id));
+  }, H = (v, D) => {
     if (!r) return;
-    const E = le(S, D);
-    I(D), W((R) => {
-      const K = l ? new Set(R) : /* @__PURE__ */ new Set();
-      return K.has(E) ? K.delete(E) : K.add(E), K;
-    }), c == null || c(S);
-  }, ne = () => {
-    if (!_) return;
-    const { key: S, colId: D } = _;
-    T((R) => ({ ...R, [String(S)]: { ...R[String(S)] || {}, [D]: Q } }));
-    const E = j.find((R, K) => le(R, K) === S);
-    E && (b == null || b(E, D, Q)), G(null);
-  }, Ae = (S) => {
-    if (_ && S.key === "Escape") {
-      G(null);
+    const W = le(v, D);
+    I(D), A((E) => {
+      const V = l ? new Set(E) : /* @__PURE__ */ new Set();
+      return V.has(W) ? V.delete(W) : V.add(W), V;
+    }), c == null || c(v);
+  }, re = () => {
+    if (!P) return;
+    const { key: v, colId: D } = P;
+    N((E) => ({ ...E, [String(v)]: { ...E[String(v)] || {}, [D]: Q } }));
+    const W = O.find((E, V) => le(E, V) === v);
+    W && (b == null || b(W, D, Q)), q(null);
+  }, Ae = (v) => {
+    if (P && v.key === "Escape") {
+      q(null);
       return;
     }
     if (!(!w || !r)) {
-      if (S.key === "ArrowDown") {
-        S.preventDefault();
-        const D = Math.min(u + 1, j.length - 1);
-        D >= 0 && B(j[D], D);
-      } else if (S.key === "ArrowUp") {
-        S.preventDefault();
+      if (v.key === "ArrowDown") {
+        v.preventDefault();
+        const D = Math.min(u + 1, O.length - 1);
+        D >= 0 && H(O[D], D);
+      } else if (v.key === "ArrowUp") {
+        v.preventDefault();
         const D = Math.max(u - 1, 0);
-        D >= 0 && B(j[D], D);
+        D >= 0 && H(O[D], D);
       }
     }
-  }, Be = (S, D) => {
-    S.preventDefault(), S.stopPropagation();
-    const E = S.clientX, R = v[D], K = (de) => H((ge) => {
+  }, Be = (v, D) => {
+    v.preventDefault(), v.stopPropagation();
+    const W = v.clientX, E = R[D], V = (de) => C((ge) => {
       const ce = [...ge];
-      return ce[D] = Math.max(n[D].minWidth || 50, R + de.clientX - E), ce;
-    }), Y = () => {
-      document.removeEventListener("mousemove", K), document.removeEventListener("mouseup", Y);
+      return ce[D] = Math.max(n[D].minWidth || 50, E + de.clientX - W), ce;
+    }), F = () => {
+      document.removeEventListener("mousemove", V), document.removeEventListener("mouseup", F);
     };
-    document.addEventListener("mousemove", K), document.addEventListener("mouseup", Y);
-  }, xe = (S, D, E, R) => ({
-    width: S,
-    minWidth: S,
+    document.addEventListener("mousemove", V), document.addEventListener("mouseup", F);
+  }, xe = (v, D, W, E) => ({
+    width: v,
+    minWidth: v,
     flexShrink: 0,
     boxSizing: "border-box",
     padding: "0 12px",
-    height: R,
+    height: E,
     display: "flex",
     alignItems: "center",
     overflow: "hidden",
@@ -556,7 +556,7 @@ function Tt({
     fontSize: 13,
     textAlign: D.align,
     justifyContent: D.align === "center" ? "center" : D.align === "right" ? "flex-end" : "flex-start",
-    borderLeft: E ? "none" : se
+    borderLeft: W ? "none" : se
   });
   return /* @__PURE__ */ t(
     "div",
@@ -565,115 +565,115 @@ function Tt({
       className: "dhx",
       tabIndex: w ? 0 : void 0,
       onKeyDown: Ae,
-      style: { width: "100%", height: p, display: "flex", flexDirection: "column", border: se, borderRadius: e.r, overflow: "hidden", outline: "none", ...o },
-      children: /* @__PURE__ */ t("div", { style: { overflowX: "auto", flex: 1, display: "flex", flexDirection: "column", minHeight: 0 }, children: /* @__PURE__ */ x("div", { style: { minWidth: ie, display: "flex", flexDirection: "column", height: "100%" }, children: [
-        /* @__PURE__ */ t("div", { style: { display: "flex", background: e.bg, borderBottom: se, flexShrink: 0, position: "sticky", top: 0, zIndex: 2 }, children: n.map((S, D) => {
-          var E;
-          return /* @__PURE__ */ x(
+      style: { width: "100%", height: p, display: "flex", flexDirection: "column", border: se, borderRadius: e.r, overflow: "hidden", outline: "none", ...S },
+      children: /* @__PURE__ */ t("div", { style: { overflowX: "auto", flex: 1, display: "flex", flexDirection: "column", minHeight: 0 }, children: /* @__PURE__ */ g("div", { style: { minWidth: ie, display: "flex", flexDirection: "column", height: "100%" }, children: [
+        /* @__PURE__ */ t("div", { style: { display: "flex", background: e.bg, borderBottom: se, flexShrink: 0, position: "sticky", top: 0, zIndex: 2 }, children: n.map((v, D) => {
+          var W;
+          return /* @__PURE__ */ g(
             "div",
             {
-              onClick: () => ae(S),
+              onClick: () => ae(v),
               style: {
-                ...xe(O[D], S, D === 0, 40),
+                ...xe(Y[D], v, D === 0, 40),
                 position: "relative",
                 fontWeight: 500,
                 color: e.text,
-                cursor: f && S.sortable !== !1 ? "pointer" : "default",
+                cursor: f && v.sortable !== !1 ? "pointer" : "default",
                 userSelect: "none"
               },
               children: [
-                /* @__PURE__ */ t("span", { style: { flex: 1, overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }, children: Array.isArray(S.header) ? (E = S.header[0]) == null ? void 0 : E.text : S.header || S.id }),
-                f && S.sortable !== !1 && /* @__PURE__ */ t(ut, { active: g === S.id, dir: $ }),
-                a && S.resizable !== !1 && D < n.length - 1 && /* @__PURE__ */ t(
+                /* @__PURE__ */ t("span", { style: { flex: 1, overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }, children: Array.isArray(v.header) ? (W = v.header[0]) == null ? void 0 : W.text : v.header || v.id }),
+                f && v.sortable !== !1 && /* @__PURE__ */ t(ut, { active: o === v.id, dir: k }),
+                a && v.resizable !== !1 && D < n.length - 1 && /* @__PURE__ */ t(
                   "div",
                   {
-                    onMouseDown: (R) => Be(R, D),
-                    onClick: (R) => R.stopPropagation(),
+                    onMouseDown: (E) => Be(E, D),
+                    onClick: (E) => E.stopPropagation(),
                     style: { position: "absolute", right: 0, top: 0, bottom: 0, width: 4, cursor: "col-resize", zIndex: 1 },
-                    onMouseEnter: (R) => R.currentTarget.style.background = e.primary + "55",
-                    onMouseLeave: (R) => R.currentTarget.style.background = "transparent"
+                    onMouseEnter: (E) => E.currentTarget.style.background = e.primary + "55",
+                    onMouseLeave: (E) => E.currentTarget.style.background = "transparent"
                   }
                 )
               ]
             },
-            S.id
+            v.id
           );
         }) }),
-        oe && /* @__PURE__ */ t("div", { style: { display: "flex", borderBottom: se, background: e.surface, flexShrink: 0 }, children: n.map((S, D) => /* @__PURE__ */ t("div", { style: { width: O[D], minWidth: O[D], flexShrink: 0, padding: "4px 6px", boxSizing: "border-box", borderLeft: D === 0 ? "none" : se }, children: S.filterable && S.filterType === "select" ? /* @__PURE__ */ x(
+        oe && /* @__PURE__ */ t("div", { style: { display: "flex", borderBottom: se, background: e.surface, flexShrink: 0 }, children: n.map((v, D) => /* @__PURE__ */ t("div", { style: { width: Y[D], minWidth: Y[D], flexShrink: 0, padding: "4px 6px", boxSizing: "border-box", borderLeft: D === 0 ? "none" : se }, children: v.filterable && v.filterType === "select" ? /* @__PURE__ */ g(
           "select",
           {
             className: "dhx dhx-input",
             style: { height: 26, fontSize: 12, padding: "0 4px" },
-            value: N[S.id] || "",
-            onChange: (E) => k((R) => ({ ...R, [S.id]: E.target.value })),
+            value: L[v.id] || "",
+            onChange: (W) => m((E) => ({ ...E, [v.id]: W.target.value })),
             children: [
               /* @__PURE__ */ t("option", { value: "", children: "All" }),
-              (X[S.id] || []).map((E) => /* @__PURE__ */ t("option", { value: E, children: E }, E))
+              (X[v.id] || []).map((W) => /* @__PURE__ */ t("option", { value: W, children: W }, W))
             ]
           }
-        ) : S.filterable ? /* @__PURE__ */ t(
+        ) : v.filterable ? /* @__PURE__ */ t(
           "input",
           {
             className: "dhx dhx-input",
             style: { height: 26, fontSize: 12 },
             placeholder: "Filter...",
-            value: N[S.id] || "",
-            onChange: (E) => k((R) => ({ ...R, [S.id]: E.target.value }))
+            value: L[v.id] || "",
+            onChange: (W) => m((E) => ({ ...E, [v.id]: W.target.value }))
           }
-        ) : null }, S.id)) }),
-        /* @__PURE__ */ x("div", { className: "dhx-scroll", style: { flex: 1, overflowY: "auto", minHeight: 0 }, children: [
-          j.map((S, D) => {
-            const E = le(S, D), R = M.has(E), K = R ? e.primaryLt : d && D % 2 !== 0 ? e.bg : e.surface;
+        ) : null }, v.id)) }),
+        /* @__PURE__ */ g("div", { className: "dhx-scroll", style: { flex: 1, overflowY: "auto", minHeight: 0 }, children: [
+          O.map((v, D) => {
+            const W = le(v, D), E = M.has(W), V = E ? e.primaryLt : d && D % 2 !== 0 ? e.bg : e.surface;
             return /* @__PURE__ */ t(
               "div",
               {
-                style: { display: "flex", height: s, borderBottom: se, flexShrink: 0, background: K, transition: "background .1s", cursor: r ? "pointer" : "default" },
-                onMouseEnter: (Y) => !R && (Y.currentTarget.style.background = e.primaryLt + "80"),
-                onMouseLeave: (Y) => !R && (Y.currentTarget.style.background = K),
-                children: n.map((Y, de) => {
-                  const ge = (_ == null ? void 0 : _.key) === E && (_ == null ? void 0 : _.colId) === Y.id, ce = S[Y.id], He = Y.template ? Y.template(ce, S) : String(ce ?? "");
+                style: { display: "flex", height: s, borderBottom: se, flexShrink: 0, background: V, transition: "background .1s", cursor: r ? "pointer" : "default" },
+                onMouseEnter: (F) => !E && (F.currentTarget.style.background = e.primaryLt + "80"),
+                onMouseLeave: (F) => !E && (F.currentTarget.style.background = V),
+                children: n.map((F, de) => {
+                  const ge = (P == null ? void 0 : P.key) === W && (P == null ? void 0 : P.colId) === F.id, ce = v[F.id], He = F.template ? F.template(ce, v) : String(ce ?? "");
                   return /* @__PURE__ */ t(
                     "div",
                     {
                       onClick: () => {
-                        B(S, D), h && Y.editable !== !1 && (G({ key: E, colId: Y.id }), re(String(ce ?? "")));
+                        H(v, D), h && F.editable !== !1 && (q({ key: W, colId: F.id }), ee(String(ce ?? "")));
                       },
-                      style: xe(O[de], Y, de === 0, s),
+                      style: xe(Y[de], F, de === 0, s),
                       children: ge ? /* @__PURE__ */ t(
                         "input",
                         {
                           autoFocus: !0,
                           value: Q,
-                          onChange: (pe) => re(pe.target.value),
-                          onBlur: ne,
+                          onChange: (pe) => ee(pe.target.value),
+                          onBlur: re,
                           onKeyDown: (pe) => {
-                            pe.key === "Enter" && ne(), pe.key === "Escape" && G(null);
+                            pe.key === "Enter" && re(), pe.key === "Escape" && q(null);
                           },
                           onClick: (pe) => pe.stopPropagation(),
                           style: { width: "100%", border: "none", outline: `2px solid ${e.primary}`, borderRadius: 2, fontSize: 13, padding: "2px 4px", background: e.surface, color: e.text }
                         }
                       ) : He
                     },
-                    Y.id
+                    F.id
                   );
                 })
               },
-              String(E)
+              String(W)
             );
           }),
-          j.length === 0 && /* @__PURE__ */ t("div", { style: { textAlign: "center", padding: 40, color: e.textMut, fontSize: 13 }, children: "No data" })
+          O.length === 0 && /* @__PURE__ */ t("div", { style: { textAlign: "center", padding: 40, color: e.textMut, fontSize: 13 }, children: "No data" })
         ] }),
-        te && /* @__PURE__ */ t("div", { style: { display: "flex", borderTop: se, background: e.bg, flexShrink: 0 }, children: n.map((S, D) => {
-          var Y;
-          const E = (Y = S.footer) == null ? void 0 : Y[0], R = J[S.id] ?? { sum: 0, avg: 0, count: 0, min: 0, max: 0 };
-          let K = "";
-          return E && (typeof E.text == "function" ? K = E.text(R) : E.text ? K = E.text : E.summary && (K = String(Math.round(R[E.summary] * 100) / 100))), /* @__PURE__ */ t("div", { style: { ...xe(O[D], S, D === 0, 40), fontWeight: 600, color: e.text }, children: K }, S.id);
+        ne && /* @__PURE__ */ t("div", { style: { display: "flex", borderTop: se, background: e.bg, flexShrink: 0 }, children: n.map((v, D) => {
+          var F;
+          const W = (F = v.footer) == null ? void 0 : F[0], E = J[v.id] ?? { sum: 0, avg: 0, count: 0, min: 0, max: 0 };
+          let V = "";
+          return W && (typeof W.text == "function" ? V = W.text(E) : W.text ? V = W.text : W.summary && (V = String(Math.round(E[W.summary] * 100) / 100))), /* @__PURE__ */ t("div", { style: { ...xe(Y[D], v, D === 0, 40), fontWeight: 600, color: e.text }, children: V }, v.id);
         }) })
       ] }) })
     }
   );
 }
-const q = ["#0288d1", "#43a047", "#f57c00", "#e53935", "#8e24aa", "#00838f", "#ef6c00", "#2e7d32"];
+const G = ["#0288d1", "#43a047", "#f57c00", "#e53935", "#8e24aa", "#00838f", "#ef6c00", "#2e7d32"];
 function ht(n, i, p) {
   const s = n.filter((a) => !a.parent), f = n.filter((a) => !!a.parent);
   return s.map((a) => ({
@@ -690,9 +690,9 @@ function Nt({
   height: a = 280,
   style: h
 }) {
-  var m, $, C, N, k, M, W, u, I, v, H, _, G, Q, re, ee;
-  F(V, []);
-  const d = ((m = s.bottom) == null ? void 0 : m.text) || i[0] && Object.keys(i[0])[0] || "x", y = /* @__PURE__ */ t(
+  var x, k, $, L, m, M, A, u, I, R, C, P, q, Q, ee, te;
+  K(_, []);
+  const d = ((x = s.bottom) == null ? void 0 : x.text) || i[0] && Object.keys(i[0])[0] || "x", y = /* @__PURE__ */ t(
     Oe,
     {
       contentStyle: { fontSize: 12, borderRadius: e.r, border: `1px solid ${e.border}` }
@@ -712,7 +712,7 @@ function Nt({
       tick: { fontSize: 11, fill: e.textSec },
       axisLine: { stroke: e.border },
       tickLine: !1,
-      label: ($ = s.bottom) != null && $.title ? { value: s.bottom.title, position: "insideBottom", offset: -4, fontSize: 11 } : void 0
+      label: (k = s.bottom) != null && k.title ? { value: s.bottom.title, position: "insideBottom", offset: -4, fontSize: 11 } : void 0
     }
   ), c = /* @__PURE__ */ t(
     we,
@@ -720,84 +720,84 @@ function Nt({
       tick: { fontSize: 11, fill: e.textSec },
       axisLine: !1,
       tickLine: !1,
-      domain: [((C = s.left) == null ? void 0 : C.min) ?? "auto", ((N = s.left) == null ? void 0 : N.max) ?? "auto"],
-      tickCount: (k = s.left) == null ? void 0 : k.maxTicks,
+      domain: [(($ = s.left) == null ? void 0 : $.min) ?? "auto", ((L = s.left) == null ? void 0 : L.max) ?? "auto"],
+      tickCount: (m = s.left) == null ? void 0 : m.maxTicks,
       label: (M = s.left) != null && M.title ? { value: s.left.title, angle: -90, position: "insideLeft", fontSize: 11 } : void 0
     }
   ), b = {
     top: 10,
     right: 20,
     left: 0,
-    bottom: (W = s.bottom) != null && W.title ? 20 : 0
-  }, o = { data: i, margin: b };
-  let g;
+    bottom: (A = s.bottom) != null && A.title ? 20 : 0
+  }, S = { data: i, margin: b };
+  let o;
   if (n === "bar")
-    g = /* @__PURE__ */ x(Ke, { ...o, children: [
+    o = /* @__PURE__ */ g(Ke, { ...S, children: [
       r,
       l,
       c,
       y,
       w,
-      p.map((T, z) => /* @__PURE__ */ t(
+      p.map((N, z) => /* @__PURE__ */ t(
         Ve,
         {
-          dataKey: T.value || T.id || "",
-          name: T.label || T.id,
-          fill: T.fill || T.color || q[z % q.length],
+          dataKey: N.value || N.id || "",
+          name: N.label || N.id,
+          fill: N.fill || N.color || G[z % G.length],
           radius: [3, 3, 0, 0]
         },
-        T.id ?? z
+        N.id ?? z
       ))
     ] });
   else if (n === "line")
-    g = /* @__PURE__ */ x(_e, { ...o, children: [
+    o = /* @__PURE__ */ g(_e, { ...S, children: [
       r,
       l,
       c,
       y,
       w,
-      p.map((T, z) => {
-        const A = T.color || q[z % q.length];
+      p.map((N, z) => {
+        const B = N.color || G[z % G.length];
         return /* @__PURE__ */ t(
           Xe,
           {
             type: "monotone",
-            dataKey: T.value || T.id || "",
-            name: T.label || T.id,
-            stroke: A,
-            strokeWidth: T.strokeWidth ?? 2,
-            dot: { r: 3, fill: A }
+            dataKey: N.value || N.id || "",
+            name: N.label || N.id,
+            stroke: B,
+            strokeWidth: N.strokeWidth ?? 2,
+            dot: { r: 3, fill: B }
           },
-          T.id ?? z
+          N.id ?? z
         );
       })
     ] });
   else if (n === "area")
-    g = /* @__PURE__ */ x(qe, { ...o, children: [
+    o = /* @__PURE__ */ g(qe, { ...S, children: [
       r,
       l,
       c,
       y,
       w,
-      p.map((T, z) => {
-        const A = T.color || q[z % q.length];
+      p.map((N, z) => {
+        const B = N.color || G[z % G.length];
         return /* @__PURE__ */ t(
           Ge,
           {
             type: "monotone",
-            dataKey: T.value || T.id || "",
-            name: T.label || T.id,
-            stroke: A,
-            fill: (T.fill || A) + "33",
-            strokeWidth: T.strokeWidth ?? 2
+            dataKey: N.value || N.id || "",
+            name: N.label || N.id,
+            stroke: B,
+            fill: (N.fill || B) + "33",
+            strokeWidth: N.strokeWidth ?? 2
           },
-          T.id ?? z
+          N.id ?? z
         );
       })
     ] });
   else if (n === "pie" || n === "donut") {
-    const T = p[0] || {}, z = T.value || "value", A = T.text || "name", P = T.color && i[0] && T.color in i[0] ? T.color : null;
-    g = /* @__PURE__ */ x(Je, { children: [
+    const N = p[0] || {}, z = N.value || "value", B = N.text || "name", j = N.color && i[0] && N.color in i[0] ? N.color : null;
+    o = /* @__PURE__ */ g(Je, { children: [
       /* @__PURE__ */ t(
         Ue,
         {
@@ -807,18 +807,18 @@ function Nt({
           outerRadius: n === "donut" ? "70%" : "80%",
           innerRadius: n === "donut" ? "40%" : 0,
           dataKey: z,
-          nameKey: A,
-          stroke: T.stroke || "none",
-          strokeWidth: T.strokeWidth ?? 0,
-          label: ({ name: O, percent: j }) => `${O ?? ""} ${((j ?? 0) * 100).toFixed(0)}%`,
+          nameKey: B,
+          stroke: N.stroke || "none",
+          strokeWidth: N.strokeWidth ?? 0,
+          label: ({ name: Y, percent: O }) => `${Y ?? ""} ${((O ?? 0) * 100).toFixed(0)}%`,
           labelLine: !0,
           paddingAngle: 2,
-          children: i.map((O, j) => /* @__PURE__ */ t(
+          children: i.map((Y, O) => /* @__PURE__ */ t(
             Qe,
             {
-              fill: P ? O[P] : q[j % q.length]
+              fill: j ? Y[j] : G[O % G.length]
             },
-            j
+            O
           ))
         }
       ),
@@ -826,29 +826,29 @@ function Nt({
       w
     ] });
   } else if (n === "radar") {
-    const T = ((u = s.radial) == null ? void 0 : u.value) || d;
-    g = /* @__PURE__ */ x(Ze, { ...o, cx: "50%", cy: "50%", children: [
+    const N = ((u = s.radial) == null ? void 0 : u.value) || d;
+    o = /* @__PURE__ */ g(Ze, { ...S, cx: "50%", cy: "50%", children: [
       /* @__PURE__ */ t(et, {}),
-      /* @__PURE__ */ t(tt, { dataKey: T, tick: { fontSize: 11 } }),
+      /* @__PURE__ */ t(tt, { dataKey: N, tick: { fontSize: 11 } }),
       /* @__PURE__ */ t(nt, { tick: { fontSize: 9, fill: e.textMut }, axisLine: !1 }),
-      p.map((z, A) => {
-        const P = z.color || z.pointColor || q[A % q.length];
+      p.map((z, B) => {
+        const j = z.color || z.pointColor || G[B % G.length];
         return /* @__PURE__ */ t(
           rt,
           {
             dataKey: z.value || z.id || "",
             name: z.label || z.id,
-            stroke: P,
-            fill: P + "44"
+            stroke: j,
+            fill: j + "44"
           },
-          z.id ?? A
+          z.id ?? B
         );
       }),
       y,
       w
     ] });
   } else if (n === "scatter")
-    g = /* @__PURE__ */ x(ot, { margin: b, children: [
+    o = /* @__PURE__ */ g(ot, { margin: b, children: [
       r,
       /* @__PURE__ */ t(
         Se,
@@ -858,8 +858,8 @@ function Nt({
           name: ((I = s.bottom) == null ? void 0 : I.title) || "x",
           tick: { fontSize: 11, fill: e.textSec },
           tickLine: !1,
-          domain: [((v = s.bottom) == null ? void 0 : v.min) ?? "auto", ((H = s.bottom) == null ? void 0 : H.max) ?? "auto"],
-          label: (_ = s.bottom) != null && _.title ? { value: s.bottom.title, position: "insideBottom", offset: -4, fontSize: 11 } : void 0
+          domain: [((R = s.bottom) == null ? void 0 : R.min) ?? "auto", ((C = s.bottom) == null ? void 0 : C.max) ?? "auto"],
+          label: (P = s.bottom) != null && P.title ? { value: s.bottom.title, position: "insideBottom", offset: -4, fontSize: 11 } : void 0
         }
       ),
       /* @__PURE__ */ t(
@@ -867,70 +867,70 @@ function Nt({
         {
           type: "number",
           dataKey: "y",
-          name: ((G = s.left) == null ? void 0 : G.title) || "y",
+          name: ((q = s.left) == null ? void 0 : q.title) || "y",
           tick: { fontSize: 11, fill: e.textSec },
           tickLine: !1,
           axisLine: !1,
-          domain: [((Q = s.left) == null ? void 0 : Q.min) ?? "auto", ((re = s.left) == null ? void 0 : re.max) ?? "auto"],
-          label: (ee = s.left) != null && ee.title ? { value: s.left.title, angle: -90, position: "insideLeft", fontSize: 11 } : void 0
+          domain: [((Q = s.left) == null ? void 0 : Q.min) ?? "auto", ((ee = s.left) == null ? void 0 : ee.max) ?? "auto"],
+          label: (te = s.left) != null && te.title ? { value: s.left.title, angle: -90, position: "insideLeft", fontSize: 11 } : void 0
         }
       ),
       y,
       w,
-      p.map((T, z) => {
-        const A = T.value || "x", P = T.valueY || "y", O = (T.data || i).map((j) => ({
-          x: j[A],
-          y: j[P]
+      p.map((N, z) => {
+        const B = N.value || "x", j = N.valueY || "y", Y = (N.data || i).map((O) => ({
+          x: O[B],
+          y: O[j]
         }));
         return /* @__PURE__ */ t(
           it,
           {
-            data: O,
-            name: T.label || T.id,
-            fill: T.color || q[z % q.length]
+            data: Y,
+            name: N.label || N.id,
+            fill: N.color || G[z % G.length]
           },
-          T.id ?? z
+          N.id ?? z
         );
       })
     ] });
   else if (n === "treeMap") {
-    const T = p[0] || {}, z = T.value || "value", A = T.text || "name", P = ht(i, z, A), O = T.stroke || e.surface, j = T.strokeWidth ?? 2;
-    g = /* @__PURE__ */ t(
+    const N = p[0] || {}, z = N.value || "value", B = N.text || "name", j = ht(i, z, B), Y = N.stroke || e.surface, O = N.strokeWidth ?? 2;
+    o = /* @__PURE__ */ t(
       st,
       {
-        data: P,
+        data: j,
         dataKey: "value",
         aspectRatio: 4 / 3,
-        stroke: O,
+        stroke: Y,
         content: (J) => {
-          const { x: X, y: oe, width: te, height: ie, depth: le, index: ae, name: B } = J;
+          const { x: X, y: oe, width: ne, height: ie, depth: le, index: ae, name: H } = J;
           if (le === 0) return null;
-          const ne = q[ae % q.length];
-          return /* @__PURE__ */ x("g", { children: [
+          const re = G[ae % G.length];
+          return /* @__PURE__ */ g("g", { children: [
             /* @__PURE__ */ t(
               "rect",
               {
                 x: X,
                 y: oe,
-                width: te,
+                width: ne,
                 height: ie,
-                fill: ne,
-                stroke: O,
-                strokeWidth: j,
+                fill: re,
+                stroke: Y,
+                strokeWidth: O,
                 style: { borderRadius: 3 }
               }
             ),
-            te > 40 && ie > 20 && /* @__PURE__ */ t(
+            ne > 40 && ie > 20 && /* @__PURE__ */ t(
               "text",
               {
-                x: X + te / 2,
+                x: X + ne / 2,
                 y: oe + ie / 2,
                 textAnchor: "middle",
                 dominantBaseline: "middle",
                 fill: "#fff",
                 fontSize: 11,
                 pointerEvents: "none",
-                children: B
+                children: H
               }
             )
           ] });
@@ -943,186 +943,189 @@ function Nt({
     {
       className: "dhx",
       style: { width: "100%", height: a, padding: 12, background: e.surface, borderRadius: e.rMd, ...h },
-      children: /* @__PURE__ */ t(lt, { width: "100%", height: "100%", children: g })
+      children: /* @__PURE__ */ t(lt, { width: "100%", height: "100%", children: o })
     }
   );
 }
 const ft = ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"], xt = ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"];
 function Rt({ value: n, range: i = !1, timepicker: p = !1, onChange: s, style: f }) {
-  const a = /* @__PURE__ */ new Date(), h = n ? new Date(Array.isArray(n) ? n[0] : n) : a, [d, y] = L(h), [w, r] = L(n ?? (i ? [null, null] : null)), [l, c] = L(null), [b, o] = L({ h: 0, m: 0 });
-  F(V, []);
-  const g = d.getFullYear(), m = d.getMonth(), $ = new Date(g, m, 1).getDay(), C = new Date(g, m + 1, 0).getDate(), N = [];
-  for (let u = 0; u < $; u++) N.push(null);
-  for (let u = 1; u <= C; u++) N.push(new Date(g, m, u));
-  const k = (u) => u.toDateString() === a.toDateString(), M = (u) => {
+  const a = /* @__PURE__ */ new Date(), h = n ? new Date(Array.isArray(n) ? n[0] : n) : a, [d, y] = T(h), [w, r] = T(n ?? (i ? [null, null] : null)), [l, c] = T(null), [b, S] = T({ h: 0, m: 0 });
+  K(_, []);
+  const o = d.getFullYear(), x = d.getMonth(), k = new Date(o, x, 1).getDay(), $ = new Date(o, x + 1, 0).getDate(), L = [];
+  for (let u = 0; u < k; u++) L.push(null);
+  for (let u = 1; u <= $; u++) L.push(new Date(o, x, u));
+  const m = (u) => u.toDateString() === a.toDateString(), M = (u) => {
     if (!w) return !1;
     if (i && Array.isArray(w)) {
-      const [I, v] = w;
+      const [I, R] = w;
       if (!I) return !1;
-      const H = u.getTime();
-      return v ? H >= I.getTime() && H <= v.getTime() : u.toDateString() === I.toDateString();
+      const C = u.getTime();
+      return R ? C >= I.getTime() && C <= R.getTime() : u.toDateString() === I.toDateString();
     }
     return u.toDateString() === w.toDateString();
-  }, W = (u) => {
+  }, A = (u) => {
     if (i) {
-      const [I, v] = Array.isArray(w) ? w : [null, null];
-      if (!I || v)
+      const [I, R] = Array.isArray(w) ? w : [null, null];
+      if (!I || R)
         r([u, null]);
       else {
-        const H = u < I ? [u, I] : [I, u];
-        r(H), s == null || s(H);
+        const C = u < I ? [u, I] : [I, u];
+        r(C), s == null || s(C);
       }
     } else
       r(u), s == null || s(u);
   };
-  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: [
+  return /* @__PURE__ */ g("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__ */ g("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__ */ x("div", { style: { fontWeight: 700, fontSize: 14 }, children: [
-        ft[m],
+      /* @__PURE__ */ g("div", { style: { fontWeight: 700, fontSize: 14 }, children: [
+        ft[x],
         " ",
-        g
+        o
       ] }),
       /* @__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__ */ x("div", { style: { display: "grid", gridTemplateColumns: "repeat(7, 32px)", gap: 2 }, children: [
+    /* @__PURE__ */ g("div", { style: { display: "grid", gridTemplateColumns: "repeat(7, 32px)", gap: 2 }, children: [
       xt.map((u) => /* @__PURE__ */ t("div", { style: { textAlign: "center", fontSize: 11, fontWeight: 600, color: e.textMut, paddingBottom: 4 }, children: u }, u)),
-      N.map((u, I) => {
-        const v = u ? M(u) : !1, H = u && l && u.toDateString() === l.toDateString();
+      L.map((u, I) => {
+        const R = u ? M(u) : !1, C = u && l && u.toDateString() === l.toDateString();
         return /* @__PURE__ */ t(
           "div",
           {
-            onClick: () => u && W(u),
+            onClick: () => u && A(u),
             onMouseEnter: () => u && c(u),
             onMouseLeave: () => c(null),
-            style: { width: 32, height: 32, display: "flex", alignItems: "center", justifyContent: "center", borderRadius: e.r, cursor: u ? "pointer" : "default", fontSize: 12, fontWeight: u && k(u) ? 700 : 400, background: v ? e.primary : H ? e.bg : "transparent", color: v ? "#fff" : u && k(u) ? e.primary : u ? e.text : "transparent", border: u && k(u) && !v ? `1px solid ${e.primary}` : "1px solid transparent", transition: "all .1s" },
+            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: R ? e.primary : C ? e.bg : "transparent", color: R ? "#fff" : u && m(u) ? e.primary : u ? e.text : "transparent", border: u && m(u) && !R ? `1px solid ${e.primary}` : "1px solid transparent", transition: "all .1s" },
             children: u == null ? void 0 : u.getDate()
           },
           I
         );
       })
     ] }),
-    p && /* @__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: b.h, onChange: (u) => o((I) => ({ ...I, h: +u.target.value })), className: "dhx dhx-input", style: { width: 50, textAlign: "center" } }),
+    p && /* @__PURE__ */ g("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: b.h, onChange: (u) => S((I) => ({ ...I, h: +u.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: b.m, onChange: (u) => o((I) => ({ ...I, m: +u.target.value })), className: "dhx dhx-input", style: { width: 50, textAlign: "center" } })
+      /* @__PURE__ */ t("input", { type: "number", min: 0, max: 59, value: b.m, onChange: (u) => S((I) => ({ ...I, m: +u.target.value })), className: "dhx dhx-input", style: { width: 50, textAlign: "center" } })
     ] })
   ] });
 }
 function gt({ value: n, onChange: i, timeFormat: p = 12, controls: s = !1, minuteStep: f = 5, style: a }) {
-  const [h, d] = L((n == null ? void 0 : n.h) ?? (p === 24 ? 0 : 12)), [y, w] = L((n == null ? void 0 : n.m) ?? 0), [r, l] = L((n == null ? void 0 : n.ampm) ?? "AM"), [c, b] = L(null);
-  F(V, []);
-  const o = p === 24 ? Array.from({ length: 24 }, (k, M) => M) : Array.from({ length: 12 }, (k, M) => M + 1), g = Array.from({ length: Math.ceil(60 / f) }, (k, M) => M * f), m = (k, M, W) => {
-    const u = p === 24 ? { h: k, m: M } : { h: k, m: M, ampm: W };
+  const [h, d] = T((n == null ? void 0 : n.h) ?? (p === 24 ? 0 : 12)), [y, w] = T((n == null ? void 0 : n.m) ?? 0), [r, l] = T((n == null ? void 0 : n.ampm) ?? "AM"), [c, b] = T(null);
+  K(_, []);
+  const S = p === 24 ? Array.from({ length: 24 }, (m, M) => M) : Array.from({ length: 12 }, (m, M) => M + 1), o = Array.from({ length: Math.ceil(60 / f) }, (m, M) => M * f), x = (m, M, A) => {
+    const u = p === 24 ? { h: m, m: M } : { h: m, m: M, ampm: A };
     s ? b(u) : i == null || i(u);
-  }, $ = () => {
+  }, k = () => {
     b(null), d((n == null ? void 0 : n.h) ?? (p === 24 ? 0 : 12)), w((n == null ? void 0 : n.m) ?? 0), l((n == null ? void 0 : n.ampm) ?? "AM");
-  }, C = { display: "flex", flexDirection: "column", alignItems: "center", gap: 4 }, N = (k) => ({
+  }, $ = { display: "flex", flexDirection: "column", alignItems: "center", gap: 4 }, L = (m) => ({
     height: 32,
     display: "flex",
     alignItems: "center",
     justifyContent: "center",
     cursor: "pointer",
     fontSize: 13,
-    fontWeight: k ? 700 : 400,
-    background: k ? e.primaryLt : "transparent",
-    color: k ? e.primary : e.text
+    fontWeight: m ? 700 : 400,
+    background: m ? e.primaryLt : "transparent",
+    color: m ? 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: C, children: [
+  return /* @__PURE__ */ g("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__ */ g("div", { style: { display: "flex", gap: 8, alignItems: "stretch" }, children: [
+      /* @__PURE__ */ g("div", { style: $, 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: o.map((k) => /* @__PURE__ */ t(
+        /* @__PURE__ */ t("div", { className: "dhx-scroll", style: { height: 160, overflowY: "auto", width: 48, border: `1px solid ${e.border}`, borderRadius: e.r }, children: S.map((m) => /* @__PURE__ */ t(
           "div",
           {
             onClick: () => {
-              d(k), m(k, y, r);
+              d(m), x(m, y, r);
             },
-            style: N(h === k),
-            onMouseEnter: (M) => h !== k && (M.currentTarget.style.background = e.bg),
-            onMouseLeave: (M) => h !== k && (M.currentTarget.style.background = "transparent"),
-            children: String(k).padStart(2, "0")
+            style: L(h === m),
+            onMouseEnter: (M) => h !== m && (M.currentTarget.style.background = e.bg),
+            onMouseLeave: (M) => h !== m && (M.currentTarget.style.background = "transparent"),
+            children: String(m).padStart(2, "0")
           },
-          k
+          m
         )) })
       ] }),
-      /* @__PURE__ */ x("div", { style: C, children: [
+      /* @__PURE__ */ g("div", { style: $, 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: g.map((k) => /* @__PURE__ */ t(
+        /* @__PURE__ */ t("div", { className: "dhx-scroll", style: { height: 160, overflowY: "auto", width: 48, border: `1px solid ${e.border}`, borderRadius: e.r }, children: o.map((m) => /* @__PURE__ */ t(
           "div",
           {
             onClick: () => {
-              w(k), m(h, k, r);
+              w(m), x(h, m, r);
             },
-            style: N(y === k),
-            onMouseEnter: (M) => y !== k && (M.currentTarget.style.background = e.bg),
-            onMouseLeave: (M) => y !== k && (M.currentTarget.style.background = "transparent"),
-            children: String(k).padStart(2, "0")
+            style: L(y === m),
+            onMouseEnter: (M) => y !== m && (M.currentTarget.style.background = e.bg),
+            onMouseLeave: (M) => y !== m && (M.currentTarget.style.background = "transparent"),
+            children: String(m).padStart(2, "0")
           },
-          k
+          m
         )) })
       ] }),
-      p === 12 && /* @__PURE__ */ x("div", { style: C, children: [
+      p === 12 && /* @__PURE__ */ g("div", { style: $, 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((k) => /* @__PURE__ */ t(
+        /* @__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(
           "div",
           {
             onClick: () => {
-              l(k), m(h, y, k);
+              l(m), x(h, y, m);
             },
-            style: { height: 40, display: "flex", alignItems: "center", justifyContent: "center", cursor: "pointer", padding: "0 12px", fontSize: 13, fontWeight: r === k ? 700 : 400, background: r === k ? e.primary : e.surface, color: r === k ? "#fff" : e.text },
-            children: k
+            style: { height: 40, display: "flex", alignItems: "center", justifyContent: "center", cursor: "pointer", padding: "0 12px", fontSize: 13, fontWeight: r === m ? 700 : 400, background: r === m ? e.primary : e.surface, color: r === m ? "#fff" : e.text },
+            children: m
           },
-          k
+          m
         )) })
       ] })
     ] }),
-    /* @__PURE__ */ x("div", { style: { textAlign: "center", marginTop: 12, fontSize: 22, fontWeight: 700, color: e.primary, letterSpacing: 2 }, children: [
+    /* @__PURE__ */ g("div", { style: { textAlign: "center", marginTop: 12, fontSize: 22, fontWeight: 700, color: e.primary, letterSpacing: 2 }, children: [
       String(h).padStart(2, "0"),
       ":",
       String(y).padStart(2, "0"),
       p === 12 ? ` ${r}` : ""
     ] }),
-    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: $, children: "Cancel" }),
-      /* @__PURE__ */ t("button", { className: "dhx dhx-btn dhx-btn-primary", onClick: () => c && (i == null ? void 0 : i(c)), children: "Apply" })
+    s && /* @__PURE__ */ g("div", { style: { display: "flex", gap: 8, justifyContent: "flex-end", marginTop: 12 }, children: [
+      /* @__PURE__ */ t("button", { className: "dhx dhx-btn dhx-btn-secondary", onClick: k, children: "Cancel" }),
+      /* @__PURE__ */ t("button", { className: "dhx dhx-btn dhx-btn-primary", onClick: () => {
+        const m = c ?? (p === 24 ? { h, m: y } : { h, m: y, ampm: r });
+        i == null || i(m);
+      }, children: "Apply" })
     ] })
   ] });
 }
 const yt = ({ 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 $e({ data: n = [], value: i, placeholder: p = "Select or type...", multiselection: s = !1, label: f, onChange: a, style: h }) {
-  var W;
-  const [d, y] = L(!1), [w, r] = L(""), [l, c] = L(
+  var A;
+  const [d, y] = T(!1), [w, r] = T(""), [l, c] = T(
     s ? i ? [].concat(i) : [] : i || null
-  ), b = U(null), o = U(null);
-  F(V, []), he(b, Z(() => {
+  ), b = U(null), S = U(null);
+  K(_, []), he(b, Z(() => {
     y(!1), r("");
   }, []));
-  const g = ue(
+  const o = ue(
     () => n.filter((u) => !w || u.value.toLowerCase().includes(w.toLowerCase())),
     [n, w]
-  ), m = (u) => s ? (l || []).includes(u) : l === u, $ = (u) => {
+  ), x = (u) => s ? (l || []).includes(u) : l === u, k = (u) => {
     const I = u.id || u.value;
     if (s) {
-      const v = m(I) ? l.filter((H) => H !== I) : [...l || [], I];
-      c(v), a == null || a(v);
+      const R = x(I) ? l.filter((C) => C !== I) : [...l || [], I];
+      c(R), a == null || a(R);
     } else
       c(I), r(""), y(!1), a == null || a(I);
-  }, C = (u) => {
-    const I = l.filter((v) => v !== u);
+  }, $ = (u) => {
+    const I = l.filter((R) => R !== u);
     c(I), a == null || a(I);
-  }, N = () => {
+  }, L = () => {
     y(!0), setTimeout(() => {
       var u;
-      return (u = o.current) == null ? void 0 : u.focus();
+      return (u = S.current) == null ? void 0 : u.focus();
     }, 0);
-  }, k = ((W = n.find((u) => (u.id || u.value) === l)) == null ? void 0 : W.value) || "", M = s ? l || [] : [];
-  return /* @__PURE__ */ x("div", { ref: b, className: "dhx", style: { position: "relative", ...h }, children: [
+  }, m = ((A = n.find((u) => (u.id || u.value) === l)) == null ? void 0 : A.value) || "", M = s ? l || [] : [];
+  return /* @__PURE__ */ g("div", { ref: b, className: "dhx", style: { position: "relative", ...h }, children: [
     f && /* @__PURE__ */ t("label", { className: "dhx dhx-label", children: f }),
-    /* @__PURE__ */ x(
+    /* @__PURE__ */ g(
       "div",
       {
-        onClick: N,
+        onClick: L,
         style: {
           display: "flex",
           alignItems: "center",
@@ -1138,10 +1141,10 @@ function $e({ data: n = [], value: i, placeholder: p = "Select or type...", mult
           boxShadow: d ? `0 0 0 3px ${e.primary}22` : "none"
         },
         children: [
-          s && /* @__PURE__ */ x(Ne, { children: [
+          s && /* @__PURE__ */ g(Ne, { children: [
             M.map((u) => {
               var I;
-              return /* @__PURE__ */ x("span", { style: {
+              return /* @__PURE__ */ g("span", { style: {
                 display: "inline-flex",
                 alignItems: "center",
                 gap: 4,
@@ -1153,12 +1156,12 @@ function $e({ data: n = [], value: i, placeholder: p = "Select or type...", mult
                 lineHeight: 1.5,
                 whiteSpace: "nowrap"
               }, children: [
-                ((I = n.find((v) => (v.id || v.value) === u)) == null ? void 0 : I.value) || u,
+                ((I = n.find((R) => (R.id || R.value) === u)) == null ? void 0 : I.value) || u,
                 /* @__PURE__ */ t(
                   "span",
                   {
-                    onClick: (v) => {
-                      v.stopPropagation(), C(u);
+                    onClick: (R) => {
+                      R.stopPropagation(), $(u);
                     },
                     style: { cursor: "pointer", fontSize: 15, lineHeight: 1, opacity: 0.75, marginLeft: 2 },
                     children: "×"
@@ -1169,7 +1172,7 @@ function $e({ data: n = [], value: i, placeholder: p = "Select or type...", mult
             /* @__PURE__ */ t(
               "input",
               {
-                ref: o,
+                ref: S,
                 value: w,
                 onChange: (u) => {
                   r(u.target.value), y(!0);
@@ -1184,8 +1187,8 @@ function $e({ data: n = [], value: i, placeholder: p = "Select or type...", mult
           !s && /* @__PURE__ */ t(
             "input",
             {
-              ref: o,
-              value: d ? w : k,
+              ref: S,
+              value: d ? w : m,
               onChange: (u) => {
                 r(u.target.value), y(!0);
               },
@@ -1211,13 +1214,13 @@ function $e({ data: n = [], value: i, placeholder: p = "Select or type...", mult
       borderRadius: e.r,
       boxShadow: e.shadowLg,
       zIndex: 100
-    }, children: /* @__PURE__ */ x("div", { className: "dhx-scroll", style: { maxHeight: 220, overflowY: "auto" }, children: [
-      g.map((u) => {
-        const I = u.id || u.value, v = m(I);
-        return /* @__PURE__ */ x(
+    }, children: /* @__PURE__ */ g("div", { className: "dhx-scroll", style: { maxHeight: 220, overflowY: "auto" }, children: [
+      o.map((u) => {
+        const I = u.id || u.value, R = x(I);
+        return /* @__PURE__ */ g(
           "div",
           {
-            onClick: () => $(u),
+            onClick: () => k(u),
             style: {
               padding: "8px 12px",
               cursor: "pointer",
@@ -1225,26 +1228,26 @@ function $e({ data: n = [], value: i, placeholder: p = "Select or type...", mult
               alignItems: "center",
               gap: 8,
               fontSize: 13,
-              background: v ? e.primaryLt : "transparent",
-              color: v ? e.primary : e.text
+              background: R ? e.primaryLt : "transparent",
+              color: R ? e.primary : e.text
             },
-            onMouseEnter: (H) => !v && (H.currentTarget.style.background = e.bg),
-            onMouseLeave: (H) => !v && (H.currentTarget.style.background = "transparent"),
+            onMouseEnter: (C) => !R && (C.currentTarget.style.background = e.bg),
+            onMouseLeave: (C) => !R && (C.currentTarget.style.background = "transparent"),
             children: [
               s && /* @__PURE__ */ t("span", { style: {
                 width: 14,
                 height: 14,
                 flexShrink: 0,
-                border: `2px solid ${v ? e.primary : e.borderDk}`,
+                border: `2px solid ${R ? e.primary : e.borderDk}`,
                 borderRadius: 3,
                 display: "flex",
                 alignItems: "center",
                 justifyContent: "center",
-                background: v ? e.primary : "transparent"
-              }, children: v && /* @__PURE__ */ t("span", { style: { color: "#fff", fontSize: 9, lineHeight: 1 }, children: "✓" }) }),
+                background: R ? e.primary : "transparent"
+              }, children: R && /* @__PURE__ */ t("span", { style: { color: "#fff", fontSize: 9, lineHeight: 1 }, children: "✓" }) }),
               /* @__PURE__ */ t("span", { style: { flex: 1 }, children: u.value }),
-              !s && v && /* @__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: [
+              !s && R && /* @__PURE__ */ t("span", { style: { color: e.primary, fontSize: 12, fontWeight: 700 }, children: "✓" }),
+              u.count !== void 0 && /* @__PURE__ */ g("span", { style: { fontSize: 11, color: e.textMut }, children: [
                 "(",
                 u.count,
                 ")"
@@ -1254,45 +1257,45 @@ function $e({ data: n = [], value: i, placeholder: p = "Select or type...", mult
           I
         );
       }),
-      g.length === 0 && /* @__PURE__ */ t("div", { style: { padding: 16, textAlign: "center", color: e.textMut, fontSize: 13 }, children: "No matches" })
+      o.length === 0 && /* @__PURE__ */ t("div", { style: { padding: 16, textAlign: "center", color: e.textMut, fontSize: 13 }, children: "No matches" })
     ] }) })
   ] });
 }
 function De({ min: n = 0, max: i = 100, step: p = 1, value: s, range: f = !1, label: a, tick: h, disabled: d = !1, onChange: y, style: w }) {
-  const [r, l] = L(s ?? (f ? [n, i] : n));
-  F(V, []);
-  const c = ($, C) => {
+  const [r, l] = T(s ?? (f ? [n, i] : n));
+  K(_, []);
+  const c = (k, $) => {
     if (!d)
       if (f) {
-        const N = [...r];
-        N[$] = C, l(N), y == null || y(N);
+        const L = [...r];
+        L[k] = $, l(L), y == null || y(L);
       } else
-        l(C), y == null || y(C);
-  }, b = ($) => ($ - n) / (i - n) * 100, o = f ? r : [r], g = f ? { left: `${b(o[0])}%`, width: `${b(o[1]) - b(o[0])}%` } : { left: 0, width: `${b(o[0])}%` }, m = d ? e.border : e.primary;
-  return /* @__PURE__ */ x("div", { className: "dhx", style: { width: "100%", opacity: d ? 0.5 : 1, ...w }, children: [
+        l($), y == null || y($);
+  }, b = (k) => (k - n) / (i - n) * 100, S = f ? r : [r], o = f ? { left: `${b(S[0])}%`, width: `${b(S[1]) - b(S[0])}%` } : { left: 0, width: `${b(S[0])}%` }, x = d ? e.border : e.primary;
+  return /* @__PURE__ */ g("div", { className: "dhx", style: { width: "100%", opacity: d ? 0.5 : 1, ...w }, 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", ...g, height: "100%", background: m, borderRadius: 2 } }),
-      o.map(($, C) => /* @__PURE__ */ t(
+    /* @__PURE__ */ t("div", { style: { position: "relative", height: 36, display: "flex", alignItems: "center" }, children: /* @__PURE__ */ g("div", { style: { position: "relative", flex: 1, height: 4, background: e.border, borderRadius: 2 }, children: [
+      /* @__PURE__ */ t("div", { style: { position: "absolute", ...o, height: "100%", background: x, borderRadius: 2 } }),
+      S.map((k, $) => /* @__PURE__ */ t(
         "input",
         {
           type: "range",
           min: n,
           max: i,
           step: p,
-          value: $,
+          value: k,
           disabled: d,
-          onChange: (N) => {
-            const k = +N.target.value;
-            f && C === 0 && k >= r[1] || f && C === 1 && k <= r[0] || c(C, k);
+          onChange: (L) => {
+            const m = +L.target.value;
+            f && $ === 0 && m >= r[1] || f && $ === 1 && m <= r[0] || c($, m);
           },
           style: { position: "absolute", width: "100%", height: "100%", opacity: 0, cursor: d ? "not-allowed" : "pointer", top: 0, left: 0, margin: 0 }
         },
-        C
+        $
       )),
-      o.map(($, C) => /* @__PURE__ */ t("div", { style: { position: "absolute", left: `${b($)}%`, top: "50%", transform: "translate(-50%, -50%)", width: 16, height: 16, borderRadius: "50%", background: e.surface, border: `2px solid ${m}`, 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: d ? e.textMut : e.primaryDk, color: "#fff", padding: "2px 6px", borderRadius: e.r, fontSize: 11, fontWeight: 700, whiteSpace: "nowrap" }, children: $ }) }, C))
+      S.map((k, $) => /* @__PURE__ */ t("div", { style: { position: "absolute", left: `${b(k)}%`, top: "50%", transform: "translate(-50%, -50%)", width: 16, height: 16, borderRadius: "50%", background: e.surface, border: `2px solid ${x}`, 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: d ? e.textMut : e.primaryDk, color: "#fff", padding: "2px 6px", borderRadius: e.r, fontSize: 11, fontWeight: 700, whiteSpace: "nowrap" }, children: k }) }, $))
     ] }) }),
-    h && /* @__PURE__ */ t("div", { style: { display: "flex", justifyContent: "space-between", marginTop: 2 }, children: [n, Math.round((i + n) / 2), i].map(($) => /* @__PURE__ */ t("span", { style: { fontSize: 10, color: e.textMut }, children: $ }, $)) })
+    h && /* @__PURE__ */ t("div", { style: { display: "flex", justifyContent: "space-between", marginTop: 2 }, children: [n, Math.round((i + n) / 2), i].map((k) => /* @__PURE__ */ t("span", { style: { fontSize: 10, color: e.textMut }, children: k }, k)) })
   ] });
 }
 const bt = ["#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"];
@@ -1315,15 +1318,15 @@ function Ce(n, i, p) {
   return "#" + f(0) + f(8) + f(4);
 }
 function Et({ value: n = "#0288d1", onChange: i, style: p }) {
-  const [s, f] = L(() => ye(n)), a = Ce(...s);
-  F(V, []);
+  const [s, f] = T(() => ye(n)), a = Ce(...s);
+  K(_, []);
   const h = (d) => {
     f(d), i == null || i(Ce(...d));
   };
-  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, ...p }, children: [
+  return /* @__PURE__ */ g("div", { className: "dhx", style: { background: e.surface, border: `1px solid ${e.border}`, borderRadius: e.rMd, padding: 16, display: "inline-block", boxShadow: e.shadow, ...p }, 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(([d, y, w, r], l) => /* @__PURE__ */ x("div", { style: { marginBottom: l < 2 ? 8 : 12 }, children: [
-      /* @__PURE__ */ x("div", { className: "dhx dhx-label", children: [
+    [["Hue", 0, 360, s[0]], ["Saturation", 0, 100, s[1]], ["Lightness", 0, 100, s[2]]].map(([d, y, w, r], l) => /* @__PURE__ */ g("div", { style: { marginBottom: l < 2 ? 8 : 12 }, children: [
+      /* @__PURE__ */ g("div", { className: "dhx dhx-label", children: [
         d,
         l > 0 ? ` (${r}%)` : ""
       ] }),
@@ -1332,7 +1335,7 @@ function Et({ value: n = "#0288d1", onChange: i, style: p }) {
         b[l] = +c.target.value, h(b);
       }, style: { width: "100%", accentColor: e.primary } })
     ] }, d)),
-    /* @__PURE__ */ x("div", { style: { display: "flex", alignItems: "center", gap: 8, marginBottom: 12 }, children: [
+    /* @__PURE__ */ g("div", { style: { display: "flex", alignItems: "center", gap: 8, marginBottom: 12 }, children: [
       /* @__PURE__ */ t("div", { style: { width: 36, height: 36, borderRadius: e.r, background: a, border: `1px solid ${e.border}`, flexShrink: 0 } }),
       /* @__PURE__ */ t(
         "input",
@@ -1364,8 +1367,8 @@ function Et({ value: n = "#0288d1", onChange: i, style: p }) {
   ] });
 }
 function Wt({ trigger: n, children: i, placement: p = "bottom-start", style: s }) {
-  const [f, a] = L(!1), [h, d] = L({ top: "100%", left: 0 }), y = U(null), w = U(null);
-  return F(V, []), he(y, Z(() => a(!1), [])), /* @__PURE__ */ x("div", { ref: y, className: "dhx", style: { position: "relative", display: "inline-block" }, children: [
+  const [f, a] = T(!1), [h, d] = T({ top: "100%", left: 0 }), y = U(null), w = U(null);
+  return K(_, []), he(y, Z(() => a(!1), [])), /* @__PURE__ */ g("div", { ref: y, className: "dhx", style: { position: "relative", display: "inline-block" }, children: [
     /* @__PURE__ */ t("div", { ref: w, onClick: () => {
       a((l) => {
         if (!l && w.current) {
@@ -1383,23 +1386,23 @@ function Wt({ trigger: n, children: i, placement: p = "bottom-start", style: s }
   ] });
 }
 function At({ title: n, children: i, width: p = 480, height: s, closable: f = !0, movable: a = !0, modal: h = !1, defaultOpen: d = !0, footer: y, onClose: w, style: r }) {
-  const [l, c] = L(d), [b, o] = L({ x: 0, y: 0 });
-  F(V, []);
-  const g = dt(Z(($, C) => a && o({ x: $, y: C }), [a])), m = () => {
+  const [l, c] = T(d), [b, S] = T({ x: 0, y: 0 });
+  K(_, []);
+  const o = dt(Z((k, $) => a && S({ x: k, y: $ }), [a])), x = () => {
     c(!1), w == null || w();
   };
-  return l ? /* @__PURE__ */ x(Ne, { children: [
-    h && /* @__PURE__ */ t("div", { style: { position: "fixed", inset: 0, background: "rgba(0,0,0,.45)", zIndex: 900 }, onClick: f ? m : void 0 }),
-    /* @__PURE__ */ x("div", { className: "dhx", style: { position: h ? "fixed" : "absolute", left: "50%", top: "50%", transform: `translate(calc(-50% + ${b.x}px), calc(-50% + ${b.y}px))`, width: p, ...s ? { height: s } : {}, background: e.surface, borderRadius: e.rMd, boxShadow: e.shadowLg, zIndex: 901, display: "flex", flexDirection: "column", overflow: "hidden", ...r }, children: [
-      /* @__PURE__ */ x("div", { onMouseDown: ($) => g($, b.x, b.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: [
+  return l ? /* @__PURE__ */ g(Ne, { children: [
+    h && /* @__PURE__ */ t("div", { style: { position: "fixed", inset: 0, background: "rgba(0,0,0,.45)", zIndex: 900 }, onClick: f ? x : void 0 }),
+    /* @__PURE__ */ g("div", { className: "dhx", style: { position: h ? "fixed" : "absolute", left: "50%", top: "50%", transform: `translate(calc(-50% + ${b.x}px), calc(-50% + ${b.y}px))`, width: p, ...s ? { height: s } : {}, background: e.surface, borderRadius: e.rMd, boxShadow: e.shadowLg, zIndex: 901, display: "flex", flexDirection: "column", overflow: "hidden", ...r }, children: [
+      /* @__PURE__ */ g("div", { onMouseDown: (k) => o(k, b.x, b.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 }),
         f && /* @__PURE__ */ t(
           "button",
           {
-            onClick: m,
+            onClick: x,
             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: ($) => $.currentTarget.style.background = e.border,
-            onMouseLeave: ($) => $.currentTarget.style.background = "none",
+            onMouseEnter: (k) => k.currentTarget.style.background = e.border,
+            onMouseLeave: (k) => k.currentTarget.style.background = "none",
             children: "×"
           }
         )
@@ -1411,8 +1414,8 @@ function At({ title: n, children: i, width: p = 480, height: s, closable: f = !0
 }
 const Re = Pe(null), mt = { success: "✓", error: "✕", warning: "⚠", info: "ℹ" }, Ie = { success: e.success, error: e.danger, warning: e.warning, info: e.primary };
 function Bt({ children: n }) {
-  const [i, p] = L([]);
-  F(V, []);
+  const [i, p] = T([]);
+  K(_, []);
   const s = Z((h) => p((d) => d.filter((y) => y.id !== h)), []), f = Z((h) => {
     const d = Date.now();
     return p((y) => [...y, { id: d, ...h }]), h.duration !== 0 && setTimeout(() => s(d), h.duration || 4e3), d;
@@ -1421,16 +1424,16 @@ function Bt({ children: n }) {
     alert: (h, d) => f({ type: "info", title: h, ...d }),
     confirm: (h, d, y) => f({ type: "warning", title: h, confirm: d, ...y })
   };
-  return /* @__PURE__ */ x(Re.Provider, { value: a, children: [
+  return /* @__PURE__ */ g(Re.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((h) => {
       const d = h.type || "info";
-      return /* @__PURE__ */ x("div", { style: { background: e.surface, border: `1px solid ${e.border}`, borderLeft: `4px solid ${Ie[d]}`, 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: [
+      return /* @__PURE__ */ g("div", { style: { background: e.surface, border: `1px solid ${e.border}`, borderLeft: `4px solid ${Ie[d]}`, 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: Ie[d], lineHeight: 1 }, children: mt[d] }),
-        /* @__PURE__ */ x("div", { style: { flex: 1 }, children: [
+        /* @__PURE__ */ g("div", { style: { flex: 1 }, children: [
           h.title && /* @__PURE__ */ t("div", { style: { fontWeight: 600, fontSize: 13, marginBottom: h.text ? 3 : 0 }, children: h.title }),
           h.text && /* @__PURE__ */ t("div", { style: { fontSize: 12, color: e.textSec, lineHeight: 1.5 }, children: h.text }),
-          h.confirm && /* @__PURE__ */ x("div", { style: { display: "flex", gap: 6, marginTop: 8 }, children: [
+          h.confirm && /* @__PURE__ */ g("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: () => {
               h.confirm(!0), s(h.id);
             }, children: "Confirm" }),
@@ -1450,50 +1453,50 @@ function Ht() {
   return n;
 }
 function Pt({ data: n = [], template: i, keyNavigation: p = !0, multiselection: s = !1, editable: f = !1, height: a = 400, onSelect: h, onEdit: d, style: y }) {
-  const [w, r] = L(/* @__PURE__ */ new Set()), [l, c] = L(null), [b, o] = L(""), [g, m] = L(null);
-  F(V, []);
-  const $ = (N, k) => {
-    const M = N.id ?? k;
-    r((W) => {
-      const u = s ? new Set(W) : /* @__PURE__ */ new Set();
+  const [w, r] = T(/* @__PURE__ */ new Set()), [l, c] = T(null), [b, S] = T(""), [o, x] = T(null);
+  K(_, []);
+  const k = (L, m) => {
+    const M = L.id ?? m;
+    r((A) => {
+      const u = s ? new Set(A) : /* @__PURE__ */ new Set();
       return u.has(M) ? u.delete(M) : u.add(M), u;
-    }), m(k), h == null || h(N);
-  }, C = (N, k) => {
-    d == null || d({ ...N, value: b }, k), c(null);
+    }), x(m), h == null || h(L);
+  }, $ = (L, m) => {
+    d == null || d({ ...L, value: b }, m), c(null);
   };
-  return /* @__PURE__ */ x(
+  return /* @__PURE__ */ g(
     "div",
     {
       className: "dhx dhx-scroll",
       style: { height: a, overflowY: "auto", border: `1px solid ${e.border}`, borderRadius: e.r, background: e.surface, ...y },
       tabIndex: 0,
-      onKeyDown: (N) => {
-        p && (N.key === "ArrowDown" && m((k) => Math.min((k ?? -1) + 1, n.length - 1)), N.key === "ArrowUp" && m((k) => Math.max((k ?? 1) - 1, 0)));
+      onKeyDown: (L) => {
+        p && (L.key === "ArrowDown" && x((m) => Math.min((m ?? -1) + 1, n.length - 1)), L.key === "ArrowUp" && x((m) => Math.max((m ?? 1) - 1, 0)));
       },
       children: [
-        n.map((N, k) => {
-          const M = N.id ?? k, W = w.has(M), u = g === k;
+        n.map((L, m) => {
+          const M = L.id ?? m, A = w.has(M), u = o === m;
           return /* @__PURE__ */ t(
             "div",
             {
-              onClick: () => $(N, k),
-              onDoubleClick: () => f && (c(k), o(String(N.value || ""))),
-              style: { display: "flex", alignItems: "center", padding: "0 12px", height: 40, cursor: "pointer", fontSize: 13, borderBottom: `1px solid ${e.border}`, background: W ? e.primaryLt : u ? e.bg : e.surface, color: W ? e.primary : e.text, outline: u ? `2px solid ${e.primary}44` : "none", transition: "background .1s" },
-              children: l === k ? /* @__PURE__ */ t(
+              onClick: () => k(L, m),
+              onDoubleClick: () => f && (c(m), S(String(L.value || ""))),
+              style: { display: "flex", alignItems: "center", padding: "0 12px", height: 40, cursor: "pointer", fontSize: 13, borderBottom: `1px solid ${e.border}`, background: A ? e.primaryLt : u ? e.bg : e.surface, color: A ? e.primary : e.text, outline: u ? `2px solid ${e.primary}44` : "none", transition: "background .1s" },
+              children: l === m ? /* @__PURE__ */ t(
                 "input",
                 {
                   autoFocus: !0,
                   className: "dhx dhx-input",
                   style: { height: 28, flex: 1 },
                   value: b,
-                  onChange: (I) => o(I.target.value),
-                  onBlur: () => C(N, k),
+                  onChange: (I) => S(I.target.value),
+                  onBlur: () => $(L, m),
                   onKeyDown: (I) => {
-                    I.key === "Enter" && C(N, k), I.key === "Escape" && c(null);
+                    I.key === "Enter" && $(L, m), I.key === "Escape" && c(null);
                   },
                   onClick: (I) => I.stopPropagation()
                 }
-              ) : i ? /* @__PURE__ */ t("div", { dangerouslySetInnerHTML: { __html: i(N) }, style: { flex: 1 } }) : /* @__PURE__ */ t("span", { style: { flex: 1, overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }, children: String(N.value ?? "") })
+              ) : i ? /* @__PURE__ */ t("div", { dangerouslySetInnerHTML: { __html: i(L) }, style: { flex: 1 } }) : /* @__PURE__ */ t("span", { style: { flex: 1, overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }, children: String(L.value ?? "") })
             },
             String(M)
           );
@@ -1504,8 +1507,8 @@ function Pt({ data: n = [], template: i, keyNavigation: p = !0, multiselection:
   );
 }
 function jt({ data: n = [], template: i, itemsInRow: p = 3, gap: s = 12, multiselection: f = !1, onSelect: a, style: h }) {
-  const [d, y] = L(/* @__PURE__ */ new Set());
-  F(V, []);
+  const [d, y] = T(/* @__PURE__ */ new Set());
+  K(_, []);
   const w = (r) => {
     const l = r.id ?? String(r.title);
     y((c) => {
@@ -1520,13 +1523,13 @@ function jt({ data: n = [], template: i, itemsInRow: p = 3, gap: s = 12, multise
       {
         onClick: () => w(r),
         style: { background: e.surface, border: `2px solid ${b ? e.primary : e.border}`, borderRadius: e.rMd, overflow: "hidden", cursor: "pointer", transition: "all .15s", boxShadow: b ? `0 0 0 3px ${e.primary}33` : e.shadow, transform: b ? "translateY(-2px)" : "none" },
-        onMouseEnter: (o) => {
-          o.currentTarget.style.boxShadow = e.shadowLg, o.currentTarget.style.transform = "translateY(-2px)";
+        onMouseEnter: (S) => {
+          S.currentTarget.style.boxShadow = e.shadowLg, S.currentTarget.style.transform = "translateY(-2px)";
         },
-        onMouseLeave: (o) => {
-          o.currentTarget.style.boxShadow = b ? `0 0 0 3px ${e.primary}33` : e.shadow, o.currentTarget.style.transform = b ? "translateY(-2px)" : "none";
+        onMouseLeave: (S) => {
+          S.currentTarget.style.boxShadow = b ? `0 0 0 3px ${e.primary}33` : e.shadow, S.currentTarget.style.transform = b ? "translateY(-2px)" : "none";
         },
-        children: i ? /* @__PURE__ */ t("div", { dangerouslySetInnerHTML: { __html: i(r) } }) : /* @__PURE__ */ x("div", { style: { padding: 16 }, children: [
+        children: i ? /* @__PURE__ */ t("div", { dangerouslySetInnerHTML: { __html: i(r) } }) : /* @__PURE__ */ g("div", { style: { padding: 16 }, children: [
           r.img && /* @__PURE__ */ t("img", { src: r.img, alt: r.title || "", style: { width: "100%", borderRadius: e.r, marginBottom: 8, display: "block" } }),
           /* @__PURE__ */ t("div", { style: { fontWeight: 600, fontSize: 14, marginBottom: 4 }, children: r.title || r.value }),
           r.subtitle && /* @__PURE__ */ t("div", { style: { fontSize: 12, color: e.textSec }, children: r.subtitle })
@@ -1604,123 +1607,123 @@ function Ot({
   onChange: d,
   style: y
 }) {
-  const [w, r] = L(() => be(n)), [l, c] = L(() => me(n)), [b, o] = L(null), [g, m] = L({}), [$, C] = L(null), [N, k] = L(""), [M, W] = L(null), [u, I] = L(null);
-  F(V, []), F(() => {
+  const [w, r] = T(() => be(n)), [l, c] = T(() => me(n)), [b, S] = T(null), [o, x] = T({}), [k, $] = T(null), [L, m] = T(""), [M, A] = T(null), [u, I] = T(null);
+  K(_, []), K(() => {
     r(be(n)), c((z) => ({ ...me(n), ...z }));
   }, [n]);
-  const v = (z) => c((A) => ({ ...A, [z]: !A[z] })), H = (z, A) => {
-    m((P) => ({ ...P, [z]: A })), h == null || h(z, A);
-  }, _ = () => {
-    if (!$) return;
-    const z = $, A = N;
-    C(null), r((P) => {
-      const O = We(P, z, A);
-      return d == null || d(O), O;
+  const R = (z) => c((B) => ({ ...B, [z]: !B[z] })), C = (z, B) => {
+    x((j) => ({ ...j, [z]: B })), h == null || h(z, B);
+  }, P = () => {
+    if (!k) return;
+    const z = k, B = L;
+    $(null), r((j) => {
+      const Y = We(j, z, B);
+      return d == null || d(Y), Y;
     });
-  }, G = (z, A) => {
-    z.dataTransfer.effectAllowed = "move", W(A);
-  }, Q = (z, A) => {
-    if (!M || M === A || vt(w, M, A)) return;
+  }, q = (z, B) => {
+    z.dataTransfer.effectAllowed = "move", A(B);
+  }, Q = (z, B) => {
+    if (!M || M === B || vt(w, M, B)) return;
     z.preventDefault();
-    const P = z.currentTarget.getBoundingClientRect(), O = z.clientY - P.top, j = P.height, J = O < j * 0.25 ? "before" : O > j * 0.75 ? "after" : "inside";
-    I((X) => (X == null ? void 0 : X.id) === A && (X == null ? void 0 : X.pos) === J ? X : { id: A, pos: J });
-  }, re = (z, A) => {
-    if (z.preventDefault(), !M || !u || M === A) {
-      I(null), W(null);
+    const j = z.currentTarget.getBoundingClientRect(), Y = z.clientY - j.top, O = j.height, J = Y < O * 0.25 ? "before" : Y > O * 0.75 ? "after" : "inside";
+    I((X) => (X == null ? void 0 : X.id) === B && (X == null ? void 0 : X.pos) === J ? X : { id: B, pos: J });
+  }, ee = (z, B) => {
+    if (z.preventDefault(), !M || !u || M === B) {
+      I(null), A(null);
       return;
     }
-    r((P) => {
-      const [O, j] = Ee(P, M);
-      if (!j) return P;
-      const J = ve(O, A, j, u.pos);
+    r((j) => {
+      const [Y, O] = Ee(j, M);
+      if (!O) return j;
+      const J = ve(Y, B, O, u.pos);
       return d == null || d(J), J;
-    }), u.pos === "inside" && c((P) => ({ ...P, [A]: !0 })), I(null), W(null);
-  }, ee = () => {
-    W(null), I(null);
-  }, T = (z, A = 0) => {
+    }), u.pos === "inside" && c((j) => ({ ...j, [B]: !0 })), I(null), A(null);
+  }, te = () => {
+    A(null), I(null);
+  }, N = (z, B = 0) => {
     var ae;
-    const P = (((ae = z.items) == null ? void 0 : ae.length) ?? 0) > 0, O = l[z.id], j = b === z.id, J = M === z.id, X = (u == null ? void 0 : u.id) === z.id;
-    let oe = !!g[z.id], te = !1;
-    if (i && P) {
-      const { total: B, checkedCount: ne } = kt(z, g);
-      ne > 0 && ne < B ? te = !0 : B > 0 && ne === B && (oe = !0);
+    const j = (((ae = z.items) == null ? void 0 : ae.length) ?? 0) > 0, Y = l[z.id], O = b === z.id, J = M === z.id, X = (u == null ? void 0 : u.id) === z.id;
+    let oe = !!o[z.id], ne = !1;
+    if (i && j) {
+      const { total: H, checkedCount: re } = kt(z, o);
+      re > 0 && re < H ? ne = !0 : H > 0 && re === H && (oe = !0);
     }
-    const ie = X && u.pos !== "inside" ? { boxShadow: u.pos === "before" ? `inset 0 2px 0 0 ${e.primary}` : `inset 0 -2px 0 0 ${e.primary}` } : {}, le = X && u.pos === "inside" || j ? e.primaryLt : "transparent";
-    return /* @__PURE__ */ x("div", { style: { opacity: J ? 0.4 : 1 }, children: [
-      /* @__PURE__ */ x(
+    const ie = X && u.pos !== "inside" ? { boxShadow: u.pos === "before" ? `inset 0 2px 0 0 ${e.primary}` : `inset 0 -2px 0 0 ${e.primary}` } : {}, le = X && u.pos === "inside" || O ? e.primaryLt : "transparent";
+    return /* @__PURE__ */ g("div", { style: { opacity: J ? 0.4 : 1 }, children: [
+      /* @__PURE__ */ g(
         "div",
         {
           draggable: !!s,
-          onDragStart: s ? (B) => G(B, z.id) : void 0,
-          onDragOver: s ? (B) => Q(B, z.id) : void 0,
-          onDrop: s ? (B) => re(B, z.id) : void 0,
-          onDragEnd: s ? ee : void 0,
+          onDragStart: s ? (H) => q(H, z.id) : void 0,
+          onDragOver: s ? (H) => Q(H, z.id) : void 0,
+          onDrop: s ? (H) => ee(H, z.id) : void 0,
+          onDragEnd: s ? te : void 0,
           title: f == null ? void 0 : f(z),
           onClick: () => {
-            o(z.id), a == null || a(z), P && v(z.id);
+            S(z.id), a == null || a(z), j && R(z.id);
           },
           onDoubleClick: () => {
-            p && (C(z.id), k(z.value || ""));
+            p && ($(z.id), m(z.value || ""));
           },
           style: {
             display: "flex",
             alignItems: "center",
             gap: 4,
-            padding: `5px 8px 5px ${12 + A * 18}px`,
+            padding: `5px 8px 5px ${12 + B * 18}px`,
             cursor: s ? "grab" : "pointer",
             borderRadius: e.r,
             margin: "1px 4px",
             background: le,
-            color: j ? e.primary : e.text,
+            color: O ? e.primary : e.text,
             userSelect: "none",
             fontSize: 13,
             ...ie
           },
-          onMouseEnter: (B) => !j && !X && (B.currentTarget.style.background = e.bg),
-          onMouseLeave: (B) => !j && !X && (B.currentTarget.style.background = "transparent"),
+          onMouseEnter: (H) => !O && !X && (H.currentTarget.style.background = e.bg),
+          onMouseLeave: (H) => !O && !X && (H.currentTarget.style.background = "transparent"),
           children: [
             /* @__PURE__ */ t(
               "span",
               {
                 style: { width: 16, textAlign: "center", fontSize: 11, color: e.textMut, flexShrink: 0 },
-                onClick: (B) => {
-                  B.stopPropagation(), P && v(z.id);
+                onClick: (H) => {
+                  H.stopPropagation(), j && R(z.id);
                 },
-                children: P ? O ? "▾" : "▸" : ""
+                children: j ? Y ? "▾" : "▸" : ""
               }
             ),
-            /* @__PURE__ */ t("span", { style: { fontSize: 15, flexShrink: 0 }, children: P ? O ? "📂" : "📁" : "📄" }),
+            /* @__PURE__ */ t("span", { style: { fontSize: 15, flexShrink: 0 }, children: j ? Y ? "📂" : "📁" : "📄" }),
             i && /* @__PURE__ */ t(
               "input",
               {
-                ref: (B) => {
-                  B && (B.indeterminate = te);
+                ref: (H) => {
+                  H && (H.indeterminate = ne);
                 },
                 type: "checkbox",
                 checked: oe,
-                onChange: (B) => {
-                  B.stopPropagation(), H(z.id, B.target.checked);
+                onChange: (H) => {
+                  H.stopPropagation(), C(z.id, H.target.checked);
                 },
                 style: { cursor: "pointer", accentColor: e.primary, flexShrink: 0 },
-                onClick: (B) => B.stopPropagation()
+                onClick: (H) => H.stopPropagation()
               }
             ),
-            $ === z.id ? /* @__PURE__ */ t(
+            k === z.id ? /* @__PURE__ */ t(
               "input",
               {
                 autoFocus: !0,
                 className: "dhx dhx-input",
                 style: { height: 24, fontSize: 12, flex: 1 },
-                value: N,
-                onChange: (B) => k(B.target.value),
-                onBlur: _,
-                onKeyDown: (B) => {
-                  B.key === "Enter" && _(), B.key === "Escape" && C(null);
+                value: L,
+                onChange: (H) => m(H.target.value),
+                onBlur: P,
+                onKeyDown: (H) => {
+                  H.key === "Enter" && P(), H.key === "Escape" && $(null);
                 },
-                onClick: (B) => B.stopPropagation()
+                onClick: (H) => H.stopPropagation()
               }
             ) : /* @__PURE__ */ t("span", { style: { flex: 1 }, children: z.value }),
-            z.count !== void 0 && /* @__PURE__ */ x("span", { style: { fontSize: 11, color: e.textMut }, children: [
+            z.count !== void 0 && /* @__PURE__ */ g("span", { style: { fontSize: 11, color: e.textMut }, children: [
               "(",
               z.count,
               ")"
@@ -1728,7 +1731,7 @@ function Ot({
           ]
         }
       ),
-      P && O && /* @__PURE__ */ t("div", { children: z.items.map((B) => T(B, A + 1)) })
+      j && Y && /* @__PURE__ */ t("div", { children: z.items.map((H) => N(H, B + 1)) })
     ] }, z.id);
   };
   return /* @__PURE__ */ t(
@@ -1738,15 +1741,15 @@ function Ot({
       style: { overflowY: "auto", ...y },
       onDragOver: s ? (z) => z.preventDefault() : void 0,
       onDrop: s ? (z) => {
-        z.preventDefault(), I(null), W(null);
+        z.preventDefault(), I(null), A(null);
       } : void 0,
-      children: w.map((z) => T(z))
+      children: w.map((z) => N(z))
     }
   );
 }
 function Yt({ total: n, pageSize: i = 10, page: p, onChange: s, style: f }) {
-  const [a, h] = L(p || 1), d = Math.ceil(n / i);
-  F(V, []);
+  const [a, h] = T(p || 1), d = Math.ceil(n / i);
+  K(_, []);
   const y = (r) => {
     const l = Math.min(Math.max(1, r), d);
     h(l), s == null || s(l);
@@ -1755,8 +1758,8 @@ function Yt({ total: n, pageSize: i = 10, page: p, onChange: s, style: f }) {
     for (let c = Math.max(1, a - 2); c <= Math.min(d, a + 2); c++) r.push(c);
     return r[0] > 1 && (r[0] > 2 && r.unshift("..."), r.unshift(1)), r[r.length - 1] < d && (r[r.length - 1] < d - 1 && r.push("..."), r.push(d)), r;
   }, [a, d]);
-  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: [
+  return /* @__PURE__ */ g("div", { className: "dhx", style: { display: "flex", alignItems: "center", gap: 4, padding: "8px 12px", ...f }, children: [
+    /* @__PURE__ */ g("span", { style: { fontSize: 12, color: e.textSec, marginRight: 8 }, children: [
       (a - 1) * i + 1,
       "–",
       Math.min(a * i, n),
@@ -1769,165 +1772,170 @@ function Yt({ total: n, pageSize: i = 10, page: p, onChange: s, style: f }) {
   ] });
 }
 function Ft({ config: n = {}, defaultValues: i = {}, onSubmit: p, style: s }) {
-  const [f, a] = L(i), [h, d] = L({}), [y, w] = L(null);
-  F(V, []);
-  const r = (o, g) => {
-    a((m) => ({ ...m, [o]: g })), d((m) => ({ ...m, [o]: null }));
-  }, l = () => {
+  const [f, a] = T(i), [h, d] = T({}), [y, w] = T(null);
+  K(_, []);
+  const r = (o, x) => {
+    a((k) => ({ ...k, [o]: x })), d((k) => ({ ...k, [o]: null }));
+  }, l = (o) => {
+    const x = [];
+    return o.flat().forEach((k) => {
+      !k || typeof k != "object" || !("name" in k) || (x.push(k), k.type === "fieldset" && k.rows && x.push(...l(k.rows)));
+    }), x;
+  }, c = () => {
     const o = {};
-    return (n.rows || []).flat().forEach((g) => {
-      g && typeof g == "object" && "name" in g && g.required && !f[g.name] && (o[g.name] = `${g.label || g.name} is required`);
+    return l(n.rows || []).forEach((x) => {
+      x.required && !f[x.name] && (o[x.name] = `${x.label || x.name} is required`);
     }), d(o), Object.keys(o).length === 0;
-  }, c = (o) => {
-    const g = f[o.name] ?? o.value ?? "", m = h[o.name], $ = o.labelWidth ?? n.labelWidth, C = $ !== void 0 || o.labelPosition === "left";
-    if (o.type === "fieldset") return /* @__PURE__ */ x("fieldset", { style: { border: `1px solid ${e.border}`, borderRadius: e.r, padding: "12px 16px", marginBottom: 14 }, children: [
+  }, b = (o) => {
+    const x = f[o.name] ?? o.value ?? "", k = h[o.name], $ = o.labelWidth ?? n.labelWidth, L = $ !== void 0 || o.labelPosition === "left";
+    if (o.type === "fieldset") return /* @__PURE__ */ g("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: o.label }),
-      (o.rows || []).map((v) => c(v))
+      (o.rows || []).map((C) => b(C))
     ] }, o.name);
     if (o.type === "spacer") return /* @__PURE__ */ t("div", { style: { height: o.height || 16 } }, o.name);
-    const N = $ ? { minWidth: $, width: $, flexShrink: 0, paddingTop: 8, boxSizing: "border-box" } : {}, k = o.label ? /* @__PURE__ */ x("label", { className: "dhx dhx-label", style: { display: "flex", gap: 4, ...N }, children: [
+    const m = $ ? { minWidth: $, width: $, flexShrink: 0, paddingTop: 8, boxSizing: "border-box" } : {}, M = o.label ? /* @__PURE__ */ g("label", { className: "dhx dhx-label", style: { display: "flex", gap: 4, ...m }, children: [
       o.label,
       o.required && /* @__PURE__ */ t("span", { style: { color: e.danger }, children: "*" })
-    ] }, "lbl") : null, M = m ? /* @__PURE__ */ t("div", { style: { fontSize: 11, color: e.danger, marginTop: 3 }, children: m }) : null, W = o.helpMessage ? /* @__PURE__ */ x("div", { style: { fontSize: 11, color: e.textMut, marginTop: 3 }, children: [
+    ] }, "lbl") : null, A = k ? /* @__PURE__ */ t("div", { style: { fontSize: 11, color: e.danger, marginTop: 3 }, children: k }) : null, u = o.helpMessage ? /* @__PURE__ */ g("div", { style: { fontSize: 11, color: e.textMut, marginTop: 3 }, children: [
       "ⓘ ",
       o.helpMessage
-    ] }) : null, u = { key: o.name, className: "dhx-form-group" }, I = (v) => C ? /* @__PURE__ */ x("div", { ...u, style: { display: "flex", alignItems: "flex-start", gap: 8 }, children: [
-      k,
-      /* @__PURE__ */ x("div", { style: { flex: 1, minWidth: 0 }, children: [
-        v,
-        M,
-        W
+    ] }) : null, I = { key: o.name, className: "dhx-form-group" }, R = (C) => L ? /* @__PURE__ */ g("div", { ...I, style: { display: "flex", alignItems: "flex-start", gap: 8 }, children: [
+      M,
+      /* @__PURE__ */ g("div", { style: { flex: 1, minWidth: 0 }, children: [
+        C,
+        A,
+        u
       ] })
-    ] }) : /* @__PURE__ */ x("div", { ...u, children: [
-      k,
-      v,
+    ] }) : /* @__PURE__ */ g("div", { ...I, children: [
       M,
-      W
+      C,
+      A,
+      u
     ] });
-    if (!o.type || o.type === "input") return I(
-      /* @__PURE__ */ x("div", { className: "dhx-input-wrap", children: [
+    if (!o.type || o.type === "input") return R(
+      /* @__PURE__ */ g("div", { className: "dhx-input-wrap", children: [
         o.icon && /* @__PURE__ */ t("span", { className: "dhx-input-icon", children: o.icon }),
         /* @__PURE__ */ t(
           "input",
           {
             className: `dhx dhx-input${o.icon ? " dhx-input--with-icon" : ""}`,
-            style: { borderColor: m ? e.danger : void 0 },
+            style: { borderColor: k ? e.danger : void 0 },
             type: o.inputType || "text",
             placeholder: o.placeholder,
-            value: g,
-            onChange: (v) => r(o.name, v.target.value),
+            value: x,
+            onChange: (C) => r(o.name, C.target.value),
             disabled: o.disabled
           }
         )
       ] })
     );
-    if (o.type === "textarea") return I(
+    if (o.type === "textarea") return R(
       /* @__PURE__ */ t(
         "textarea",
         {
           className: "dhx dhx-input",
           style: { height: 80, resize: "vertical", padding: "8px 10px" },
           placeholder: o.placeholder,
-          value: g,
-          onChange: (v) => r(o.name, v.target.value)
+          value: x,
+          onChange: (C) => r(o.name, C.target.value)
         }
       )
     );
-    if (o.type === "select") return I(
-      /* @__PURE__ */ x("select", { className: "dhx dhx-input", value: g, onChange: (v) => r(o.name, v.target.value), style: { cursor: "pointer" }, children: [
+    if (o.type === "select") return R(
+      /* @__PURE__ */ g("select", { className: "dhx dhx-input", value: x, onChange: (C) => r(o.name, C.target.value), style: { cursor: "pointer" }, children: [
         /* @__PURE__ */ t("option", { value: "", children: "— Select —" }),
-        (o.options || []).map((v) => /* @__PURE__ */ t("option", { value: v.value, children: v.label || v.value }, v.value))
+        (o.options || []).map((C) => /* @__PURE__ */ t("option", { value: C.value, children: C.label || C.value }, C.value))
       ] })
     );
-    if (o.type === "datepicker") return I(
-      /* @__PURE__ */ t("input", { type: "date", className: "dhx dhx-input", value: g, onChange: (v) => r(o.name, v.target.value) })
+    if (o.type === "datepicker") return R(
+      /* @__PURE__ */ t("input", { type: "date", className: "dhx dhx-input", value: x, onChange: (C) => r(o.name, C.target.value) })
     );
     if (o.type === "timepicker") {
-      const v = f[o.name] ?? { h: 12, m: 0, ampm: "AM" }, H = !!f[o.name], _ = H ? `${String(v.h).padStart(2, "0")}:${String(v.m).padStart(2, "0")}${v.ampm ? " " + v.ampm : ""}` : o.placeholder || "Click to select", G = /* @__PURE__ */ x("div", { style: { position: "relative" }, children: [
-        /* @__PURE__ */ x(
+      const C = f[o.name] ?? { h: 12, m: 0, ampm: "AM" }, P = !!f[o.name], q = P ? `${String(C.h).padStart(2, "0")}:${String(C.m).padStart(2, "0")}${C.ampm ? " " + C.ampm : ""}` : o.placeholder || "Click to select", Q = /* @__PURE__ */ g("div", { style: { position: "relative" }, children: [
+        /* @__PURE__ */ g(
           "div",
           {
             className: "dhx dhx-input",
             style: { cursor: "pointer", display: "flex", alignItems: "center", justifyContent: "space-between" },
             onClick: () => w(y === o.name ? null : o.name),
             children: [
-              /* @__PURE__ */ t("span", { style: { color: H ? e.text : e.textMut }, children: _ }),
+              /* @__PURE__ */ t("span", { style: { color: P ? e.text : e.textMut }, children: q }),
               /* @__PURE__ */ t("span", { style: { fontSize: 13, color: e.textSec }, children: "🕐" })
             ]
           }
         ),
-        y === o.name && /* @__PURE__ */ t("div", { style: { position: "absolute", zIndex: 100, top: "calc(100% + 4px)", left: 0 }, children: /* @__PURE__ */ t(gt, { value: v, controls: !0, onChange: (Q) => {
-          r(o.name, Q), w(null);
+        y === o.name && /* @__PURE__ */ t("div", { style: { position: "absolute", zIndex: 100, top: "calc(100% + 4px)", left: 0 }, children: /* @__PURE__ */ t(gt, { value: C, controls: !0, onChange: (ee) => {
+          r(o.name, ee), w(null);
         } }) })
       ] });
-      return I(G);
+      return R(Q);
     }
-    if (o.type === "colorpicker") return I(
-      /* @__PURE__ */ x("div", { style: { display: "flex", alignItems: "center", gap: 8 }, children: [
+    if (o.type === "colorpicker") return R(
+      /* @__PURE__ */ g("div", { style: { display: "flex", alignItems: "center", gap: 8 }, children: [
         /* @__PURE__ */ t(
           "input",
           {
             type: "color",
-            value: g || "#000000",
-            onChange: (v) => r(o.name, v.target.value),
+            value: x || "#000000",
+            onChange: (C) => r(o.name, C.target.value),
             style: { width: 36, height: 36, padding: 2, border: `1px solid ${e.border}`, borderRadius: e.r, cursor: "pointer", background: "none" }
           }
         ),
-        /* @__PURE__ */ t("span", { style: { fontSize: 12, color: e.textSec, fontFamily: "monospace" }, children: g || "#000000" })
+        /* @__PURE__ */ t("span", { style: { fontSize: 12, color: e.textSec, fontFamily: "monospace" }, children: x || "#000000" })
       ] })
     );
-    if (o.type === "text") return I(
+    if (o.type === "text") return R(
       /* @__PURE__ */ t("p", { style: { margin: "6px 0", fontSize: 13, color: e.text }, children: o.value })
     );
-    if (o.type === "checkbox") return /* @__PURE__ */ x("div", { ...u, children: [
-      C ? /* @__PURE__ */ x("div", { style: { display: "flex", alignItems: "center", gap: 8 }, children: [
+    if (o.type === "checkbox") return /* @__PURE__ */ g("div", { ...I, children: [
+      L ? /* @__PURE__ */ g("div", { style: { display: "flex", alignItems: "center", gap: 8 }, children: [
         $ && /* @__PURE__ */ t("div", { style: { width: $, flexShrink: 0 } }),
-        /* @__PURE__ */ x("label", { style: { display: "flex", alignItems: "center", gap: 8, cursor: "pointer" }, children: [
-          /* @__PURE__ */ t("input", { type: "checkbox", checked: !!g, onChange: (v) => r(o.name, v.target.checked), style: { width: 16, height: 16, accentColor: e.primary, cursor: "pointer" } }),
+        /* @__PURE__ */ g("label", { style: { display: "flex", alignItems: "center", gap: 8, cursor: "pointer" }, children: [
+          /* @__PURE__ */ t("input", { type: "checkbox", checked: !!x, onChange: (C) => r(o.name, C.target.checked), style: { width: 16, height: 16, accentColor: e.primary, cursor: "pointer" } }),
           /* @__PURE__ */ t("span", { style: { fontSize: 13 }, children: o.label })
         ] })
-      ] }) : /* @__PURE__ */ x("label", { style: { display: "flex", alignItems: "center", gap: 8, cursor: "pointer" }, children: [
-        /* @__PURE__ */ t("input", { type: "checkbox", checked: !!g, onChange: (v) => r(o.name, v.target.checked), style: { width: 16, height: 16, accentColor: e.primary, cursor: "pointer" } }),
+      ] }) : /* @__PURE__ */ g("label", { style: { display: "flex", alignItems: "center", gap: 8, cursor: "pointer" }, children: [
+        /* @__PURE__ */ t("input", { type: "checkbox", checked: !!x, onChange: (C) => r(o.name, C.target.checked), style: { width: 16, height: 16, accentColor: e.primary, cursor: "pointer" } }),
         /* @__PURE__ */ t("span", { style: { fontSize: 13 }, children: o.label })
       ] }),
-      W
+      u
     ] });
     if (o.type === "radio") {
-      const v = (o.options || []).map((H) => /* @__PURE__ */ x("label", { style: { display: "flex", alignItems: "center", gap: 6, cursor: "pointer", fontSize: 13 }, children: [
+      const C = (o.options || []).map((P) => /* @__PURE__ */ g("label", { style: { display: "flex", alignItems: "center", gap: 6, cursor: "pointer", fontSize: 13 }, children: [
         /* @__PURE__ */ t(
           "input",
           {
             type: "radio",
             name: o.name,
-            value: H.value,
-            checked: g === H.value,
-            onChange: () => r(o.name, H.value),
+            value: P.value,
+            checked: x === P.value,
+            onChange: () => r(o.name, P.value),
             style: { accentColor: e.primary, cursor: "pointer" }
           }
         ),
-        H.label || H.value
-      ] }, H.value));
-      return I(
-        /* @__PURE__ */ t("div", { style: { display: "flex", gap: 16, flexWrap: "wrap", paddingTop: 8 }, children: v })
+        P.label || P.value
+      ] }, P.value));
+      return R(
+        /* @__PURE__ */ t("div", { style: { display: "flex", gap: 16, flexWrap: "wrap", paddingTop: 8 }, children: C })
       );
     }
-    if (o.type === "slider") return C ? /* @__PURE__ */ x("div", { ...u, style: { display: "flex", alignItems: "flex-start", gap: 8 }, children: [
-      k,
-      /* @__PURE__ */ x("div", { style: { flex: 1 }, children: [
+    if (o.type === "slider") return L ? /* @__PURE__ */ g("div", { ...I, style: { display: "flex", alignItems: "flex-start", gap: 8 }, children: [
+      M,
+      /* @__PURE__ */ g("div", { style: { flex: 1 }, children: [
         /* @__PURE__ */ t(
           De,
           {
             min: o.min,
             max: o.max,
             step: o.step,
-            value: g || o.min,
+            value: x || o.min,
             range: o.range,
-            onChange: (v) => r(o.name, v)
+            onChange: (C) => r(o.name, C)
           }
         ),
-        W
+        u
       ] })
-    ] }) : /* @__PURE__ */ x("div", { ...u, children: [
+    ] }) : /* @__PURE__ */ g("div", { ...I, children: [
       /* @__PURE__ */ t(
         De,
         {
@@ -1935,30 +1943,30 @@ function Ft({ config: n = {}, defaultValues: i = {}, onSubmit: p, style: s }) {
           min: o.min,
           max: o.max,
           step: o.step,
-          value: g || o.min,
+          value: x || o.min,
           range: o.range,
-          onChange: (v) => r(o.name, v)
+          onChange: (C) => r(o.name, C)
         }
       ),
-      W
+      u
     ] });
-    if (o.type === "combo") return C ? /* @__PURE__ */ x("div", { ...u, style: { display: "flex", alignItems: "flex-start", gap: 8 }, children: [
-      k,
-      /* @__PURE__ */ x("div", { style: { flex: 1 }, children: [
+    if (o.type === "combo") return L ? /* @__PURE__ */ g("div", { ...I, style: { display: "flex", alignItems: "flex-start", gap: 8 }, children: [
+      M,
+      /* @__PURE__ */ g("div", { style: { flex: 1 }, children: [
         /* @__PURE__ */ t(
           $e,
           {
             data: o.data || [],
             multiselection: o.multiselection,
             placeholder: o.placeholder || "Select...",
-            value: g || (o.multiselection ? [] : null),
-            onChange: (v) => r(o.name, v)
+            value: x || (o.multiselection ? [] : null),
+            onChange: (C) => r(o.name, C)
           }
         ),
-        M,
-        W
+        A,
+        u
       ] })
-    ] }) : /* @__PURE__ */ x("div", { ...u, children: [
+    ] }) : /* @__PURE__ */ g("div", { ...I, children: [
       /* @__PURE__ */ t(
         $e,
         {
@@ -1966,40 +1974,40 @@ function Ft({ config: n = {}, defaultValues: i = {}, onSubmit: p, style: s }) {
           data: o.data || [],
           multiselection: o.multiselection,
           placeholder: o.placeholder || "Select...",
-          value: g || (o.multiselection ? [] : null),
-          onChange: (v) => r(o.name, v)
+          value: x || (o.multiselection ? [] : null),
+          onChange: (C) => r(o.name, C)
         }
       ),
-      M,
-      W
+      A,
+      u
     ] });
     if (o.type === "toggle") {
-      const v = !!g, H = v ? o.icon : o.offIcon || o.icon, _ = v ? o.text || o.label : o.offText || o.text || o.label;
-      return /* @__PURE__ */ x("div", { ...u, children: [
-        C && $ && /* @__PURE__ */ x("div", { style: { display: "flex", alignItems: "center", gap: 8 }, children: [
+      const C = !!x, P = C ? o.icon : o.offIcon || o.icon, q = C ? o.text || o.label : o.offText || o.text || o.label;
+      return /* @__PURE__ */ g("div", { ...I, children: [
+        L && $ && /* @__PURE__ */ g("div", { style: { display: "flex", alignItems: "center", gap: 8 }, children: [
           /* @__PURE__ */ t("div", { style: { width: $, flexShrink: 0 } }),
-          /* @__PURE__ */ x("label", { style: { display: "flex", alignItems: "center", gap: 8, cursor: "pointer" }, children: [
-            /* @__PURE__ */ t(Le, { on: v, onClick: () => r(o.name, !g) }),
-            H && /* @__PURE__ */ t("span", { style: { fontSize: 16 }, children: H }),
-            _ && /* @__PURE__ */ t("span", { style: { fontSize: 13 }, children: _ })
+          /* @__PURE__ */ g("label", { style: { display: "flex", alignItems: "center", gap: 8, cursor: "pointer" }, children: [
+            /* @__PURE__ */ t(Le, { on: C, onClick: () => r(o.name, !x) }),
+            P && /* @__PURE__ */ t("span", { style: { fontSize: 16 }, children: P }),
+            q && /* @__PURE__ */ t("span", { style: { fontSize: 13 }, children: q })
           ] })
         ] }),
-        !C && /* @__PURE__ */ x("label", { style: { display: "flex", alignItems: "center", gap: 10, cursor: "pointer" }, children: [
-          /* @__PURE__ */ t(Le, { on: v, onClick: () => r(o.name, !g) }),
-          H && /* @__PURE__ */ t("span", { style: { fontSize: 16 }, children: H }),
-          _ && /* @__PURE__ */ t("span", { style: { fontSize: 13 }, children: _ })
+        !L && /* @__PURE__ */ g("label", { style: { display: "flex", alignItems: "center", gap: 10, cursor: "pointer" }, children: [
+          /* @__PURE__ */ t(Le, { on: C, onClick: () => r(o.name, !x) }),
+          P && /* @__PURE__ */ t("span", { style: { fontSize: 16 }, children: P }),
+          q && /* @__PURE__ */ t("span", { style: { fontSize: 13 }, children: q })
         ] }),
-        W
+        u
       ] });
     }
     return null;
-  }, b = (o) => o.map(
-    (g, m) => Array.isArray(g) ? /* @__PURE__ */ t("div", { style: { display: "flex", gap: 12, alignItems: "flex-start" }, children: g.map(c) }, m) : c(g)
+  }, S = (o) => o.map(
+    (x, k) => Array.isArray(x) ? /* @__PURE__ */ t("div", { style: { display: "flex", gap: 12, alignItems: "flex-start" }, children: x.map(b) }, k) : b(x)
   );
-  return /* @__PURE__ */ x("div", { className: "dhx", style: { padding: n.padding || 0, width: n.width || "100%", ...s }, children: [
-    b(n.rows || []),
-    (n.buttons || p) && /* @__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: () => l() && (p == null ? void 0 : p(f)), children: n.submitText || "Submit" }),
+  return /* @__PURE__ */ g("div", { className: "dhx", style: { padding: n.padding || 0, width: n.width || "100%", ...s }, children: [
+    S(n.rows || []),
+    (n.buttons || p) && /* @__PURE__ */ g("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: () => c() && (p == null ? void 0 : p(f)), children: n.submitText || "Submit" }),
       n.resetButton !== !1 && /* @__PURE__ */ t("button", { className: "dhx dhx-btn dhx-btn-secondary", onClick: () => {
         a(i), d({});
       }, children: n.resetText || "Reset" })
@@ -2007,7 +2015,7 @@ function Ft({ config: n = {}, defaultValues: i = {}, onSubmit: p, style: s }) {
   ] });
 }
 function Le({ on: n, onClick: i }) {
-  return /* @__PURE__ */ x("div", { style: { position: "relative", width: 40, height: 22, flexShrink: 0 }, onClick: i, children: [
+  return /* @__PURE__ */ g("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)" } })
   ] });
@@ -2019,8 +2027,8 @@ function ke(n) {
   return i;
 }
 function Kt({ items: n = [], onAction: i, style: p }) {
-  F(V, []);
-  const [s, f] = L(() => {
+  K(_, []);
+  const [s, f] = T(() => {
     const l = {};
     for (const c of ke(n))
       c.id && (l[c.id] = !!c.active);
@@ -2030,22 +2038,22 @@ function Kt({ items: n = [], onAction: i, style: p }) {
     if (!l.disabled) {
       if (l.id)
         if (l.group) {
-          const b = a.filter((o) => o.group === l.group && o.id);
-          f((o) => {
-            const g = { ...o };
-            for (const m of b) g[m.id] = !1;
-            return g[l.id] = !0, g;
+          const b = a.filter((S) => S.group === l.group && S.id);
+          f((S) => {
+            const o = { ...S };
+            for (const x of b) o[x.id] = !1;
+            return o[l.id] = !0, o;
           });
         } else l.twoState && f((b) => ({ ...b, [l.id]: !b[l.id] }));
       (c = l.onClick) == null || c.call(l, l), l.id && (i == null || i(l.id, l));
     }
   }, d = (l, c) => {
-    var m;
+    var x;
     if (l.hidden) return null;
-    const b = l.value ?? l.text, o = l.size === "auto", g = l.id !== void 0 ? s[l.id] ?? !!l.active : !!l.active;
-    return l.type === "separator" || l.type === "sep" ? /* @__PURE__ */ t("div", { style: { width: 1, background: e.border, margin: "4px 2px", alignSelf: "stretch" } }, c) : l.type === "input" ? /* @__PURE__ */ x("div", { style: { display: "flex", flexDirection: "column", alignItems: "flex-start", justifyContent: "center", padding: "2px 4px", gap: 2 }, children: [
+    const b = l.value ?? l.text, S = l.size === "auto", o = l.id !== void 0 ? s[l.id] ?? !!l.active : !!l.active;
+    return l.type === "separator" || l.type === "sep" ? /* @__PURE__ */ t("div", { style: { width: 1, background: e.border, margin: "4px 2px", alignSelf: "stretch" } }, c) : l.type === "input" ? /* @__PURE__ */ g("div", { style: { display: "flex", flexDirection: "column", alignItems: "flex-start", justifyContent: "center", padding: "2px 4px", gap: 2 }, children: [
       l.label && /* @__PURE__ */ t("span", { style: { fontSize: 10, color: e.textMut }, children: l.label }),
-      /* @__PURE__ */ x("div", { style: { position: "relative", display: "flex", alignItems: "center" }, children: [
+      /* @__PURE__ */ g("div", { style: { position: "relative", display: "flex", alignItems: "center" }, children: [
         l.icon && /* @__PURE__ */ t("span", { style: { position: "absolute", left: 6, fontSize: 13, color: e.textMut, pointerEvents: "none", zIndex: 1 }, children: l.icon }),
         /* @__PURE__ */ t(
           "input",
@@ -2054,9 +2062,9 @@ function Kt({ items: n = [], onAction: i, style: p }) {
             style: { width: l.width || 110, height: 26, fontSize: 12, paddingLeft: l.icon ? 24 : void 0 },
             placeholder: l.placeholder,
             defaultValue: l.value,
-            onChange: ($) => {
-              var C;
-              return (C = l.onChange) == null ? void 0 : C.call(l, $.target.value);
+            onChange: (k) => {
+              var $;
+              return ($ = l.onChange) == null ? void 0 : $.call(l, k.target.value);
             }
           }
         )
@@ -2067,41 +2075,41 @@ function Kt({ items: n = [], onAction: i, style: p }) {
         className: "dhx dhx-input",
         style: { height: 26, fontSize: 12, cursor: "pointer", margin: 2, width: l.width },
         defaultValue: l.value,
-        onChange: ($) => {
-          var C;
-          return (C = l.onChange) == null ? void 0 : C.call(l, $.target.value);
+        onChange: (k) => {
+          var $;
+          return ($ = l.onChange) == null ? void 0 : $.call(l, k.target.value);
         },
-        children: (m = l.items) == null ? void 0 : m.map(($) => /* @__PURE__ */ t("option", { value: $.value, children: $.value }, $.value))
+        children: (x = l.items) == null ? void 0 : x.map((k) => /* @__PURE__ */ t("option", { value: k.value, children: k.value }, k.value))
       },
       c
-    ) : /* @__PURE__ */ x(
+    ) : /* @__PURE__ */ g(
       "button",
       {
         title: l.tooltip,
         disabled: l.disabled,
         className: "dhx dhx-btn dhx-btn-ghost",
         style: {
-          flexDirection: o ? "column" : "row",
-          alignSelf: o ? "stretch" : "center",
+          flexDirection: S ? "column" : "row",
+          alignSelf: S ? "stretch" : "center",
           justifyContent: "center",
-          minHeight: o ? 48 : 26,
-          padding: o ? "6px 10px" : "0 8px",
-          gap: o ? 4 : 5,
+          minHeight: S ? 48 : 26,
+          padding: S ? "6px 10px" : "0 8px",
+          gap: S ? 4 : 5,
           position: "relative",
-          background: g ? e.primaryLt : "transparent",
-          color: g ? e.primary : l.disabled ? e.textMut : e.text,
+          background: o ? e.primaryLt : "transparent",
+          color: o ? e.primary : l.disabled ? e.textMut : e.text,
           opacity: l.disabled ? 0.55 : 1,
           cursor: l.disabled ? "not-allowed" : "pointer"
         },
         onClick: () => h(l),
         children: [
-          l.icon && /* @__PURE__ */ t("span", { style: { fontSize: o ? 22 : 15, lineHeight: 1, flexShrink: 0 }, children: l.icon }),
+          l.icon && /* @__PURE__ */ t("span", { style: { fontSize: S ? 22 : 15, lineHeight: 1, flexShrink: 0 }, children: l.icon }),
           b && /* @__PURE__ */ t("span", { style: {
             fontSize: 10,
-            maxWidth: o ? 64 : void 0,
-            textAlign: o ? "center" : "left",
+            maxWidth: S ? 64 : void 0,
+            textAlign: S ? "center" : "left",
             lineHeight: 1.2,
-            whiteSpace: o ? "normal" : "nowrap"
+            whiteSpace: S ? "normal" : "nowrap"
           }, children: b }),
           l.count !== void 0 && /* @__PURE__ */ t("span", { style: {
             position: "absolute",
@@ -2132,12 +2140,12 @@ function Kt({ items: n = [], onAction: i, style: p }) {
       alignItems: l.direction === "col" ? "flex-start" : "center",
       gap: 2
     }, children: (b = l.items) == null ? void 0 : b.map(
-      (o, g) => o.type === "block" ? y(o, `${c}-${g}`) : d(o, `${c}-${g}`)
+      (S, o) => S.type === "block" ? y(S, `${c}-${o}`) : d(S, `${c}-${o}`)
     ) }, c);
   }, w = (l, c) => {
-    var o;
+    var S;
     const b = l.title || l.label;
-    return /* @__PURE__ */ x("div", { style: {
+    return /* @__PURE__ */ g("div", { style: {
       display: "flex",
       flexDirection: "column",
       alignItems: "stretch",
@@ -2151,8 +2159,8 @@ function Kt({ items: n = [], onAction: i, style: p }) {
         alignItems: l.direction === "col" ? "stretch" : "center",
         gap: 2,
         flex: 1
-      }, children: (o = l.items) == null ? void 0 : o.map(
-        (g, m) => g.type === "block" ? y(g, m) : d(g, m)
+      }, children: (S = l.items) == null ? void 0 : S.map(
+        (o, x) => o.type === "block" ? y(o, x) : d(o, x)
       ) }),
       b && /* @__PURE__ */ t("div", { style: {
         fontSize: 10,
@@ -2196,24 +2204,24 @@ function Te({ count: n }) {
   }, children: n });
 }
 function Vt({ logo: n, items: i = [], vertical: p = !1, onAction: s, style: f }) {
-  const [a, h] = L(null), [d, y] = L(() => {
+  const [a, h] = T(null), [d, y] = T(() => {
     const c = {};
     return i.forEach((b) => {
       b.id && b.twoState && b.active && (c[b.id] = !0);
     }), c;
   }), w = U(null);
-  F(V, []), he(w, Z(() => h(null), []));
+  K(_, []), he(w, Z(() => h(null), []));
   const r = (c, b) => {
-    var o, g;
+    var S, o;
     if (!c.disabled) {
-      if (c.twoState && c.id && y((m) => ({ ...m, [c.id]: !m[c.id] })), (o = c.items) != null && o.length) {
-        h((m) => m === b ? null : b);
+      if (c.twoState && c.id && y((x) => ({ ...x, [c.id]: !x[c.id] })), (S = c.items) != null && S.length) {
+        h((x) => x === b ? null : b);
         return;
       }
-      (g = c.onClick) == null || g.call(c, c.id || ""), s == null || s(c.id || "");
+      (o = c.onClick) == null || o.call(c, c.id || ""), s == null || s(c.id || "");
     }
   }, l = (c, b) => {
-    var $;
+    var k;
     if (c.hidden) return null;
     if (c.type === "separator") return /* @__PURE__ */ t("div", { style: {
       [p ? "height" : "width"]: 1,
@@ -2222,7 +2230,7 @@ function Vt({ logo: n, items: i = [], vertical: p = !1, onAction: s, style: f })
       alignSelf: "stretch"
     } }, b);
     if (c.type === "spacer") return /* @__PURE__ */ t("div", { style: { flex: 1 } }, b);
-    if (c.type === "input") return /* @__PURE__ */ x("div", { style: { position: "relative", display: "flex", alignItems: "center", margin: "0 4px" }, children: [
+    if (c.type === "input") return /* @__PURE__ */ g("div", { style: { position: "relative", display: "flex", alignItems: "center", margin: "0 4px" }, children: [
       c.icon && /* @__PURE__ */ t("span", { style: { position: "absolute", left: 8, color: e.textMut, fontSize: 15, pointerEvents: "none", zIndex: 1 }, children: c.icon }),
       /* @__PURE__ */ t(
         "input",
@@ -2230,14 +2238,14 @@ function Vt({ logo: n, items: i = [], vertical: p = !1, onAction: s, style: f })
           className: "dhx dhx-input",
           style: { width: c.width || 200, height: 28, paddingLeft: c.icon ? 30 : void 0 },
           placeholder: c.placeholder,
-          onChange: (C) => {
-            var N;
-            return (N = c.onChange) == null ? void 0 : N.call(c, C.target.value);
+          onChange: ($) => {
+            var L;
+            return (L = c.onChange) == null ? void 0 : L.call(c, $.target.value);
           }
         }
       )
     ] }, b);
-    if (c.type === "imageButton") return /* @__PURE__ */ x(
+    if (c.type === "imageButton") return /* @__PURE__ */ g(
       "button",
       {
         title: c.tooltip,
@@ -2262,12 +2270,12 @@ function Vt({ logo: n, items: i = [], vertical: p = !1, onAction: s, style: f })
       },
       b
     );
-    const o = !!(c.twoState && c.id && d[c.id]), g = !!(($ = c.items) != null && $.length), m = {
+    const S = !!(c.twoState && c.id && d[c.id]), o = !!((k = c.items) != null && k.length), x = {
       position: "relative",
       height: p ? 40 : 36,
       gap: 6,
-      background: o ? e.primaryLt : "transparent",
-      color: o ? e.primary : c.disabled ? e.textMut : e.text,
+      background: S ? e.primaryLt : "transparent",
+      color: S ? e.primary : c.disabled ? e.textMut : e.text,
       opacity: c.disabled ? 0.55 : 1,
       cursor: c.disabled ? "not-allowed" : "pointer",
       ...p ? {
@@ -2277,34 +2285,37 @@ function Vt({ logo: n, items: i = [], vertical: p = !1, onAction: s, style: f })
         borderRadius: 0
       } : {}
     };
-    return /* @__PURE__ */ x("div", { style: { position: "relative" }, children: [
-      /* @__PURE__ */ x(
+    return /* @__PURE__ */ g("div", { style: { position: "relative" }, children: [
+      /* @__PURE__ */ g(
         "button",
         {
           className: "dhx dhx-btn dhx-btn-ghost",
           title: c.tooltip,
           disabled: c.disabled,
-          style: m,
+          style: x,
           onClick: () => r(c, b),
           children: [
             c.icon && /* @__PURE__ */ t("span", { style: { fontSize: 16, flexShrink: 0 }, children: c.icon }),
             c.value && /* @__PURE__ */ t("span", { style: { fontSize: 13 }, children: c.value }),
-            g && /* @__PURE__ */ t("span", { style: { fontSize: 9, opacity: 0.55, marginLeft: 2 }, children: "▼" }),
+            o && /* @__PURE__ */ t("span", { style: { fontSize: 9, opacity: 0.55, marginLeft: 2 }, children: "▼" }),
             c.count !== void 0 && /* @__PURE__ */ t(Te, { count: c.count })
           ]
         }
       ),
-      g && a === b && /* @__PURE__ */ t(
+      o && a === b && /* @__PURE__ */ t(
         fe,
         {
           items: c.items,
-          onSelect: () => h(null),
+          onSelect: ($) => {
+            var L;
+            h(null), $.id && ((L = c.onClick) == null || L.call(c, $.id), s == null || s($.id));
+          },
           style: p ? { left: "100%", top: 0 } : { top: "100%" }
         }
       )
     ] }, b);
   };
-  return /* @__PURE__ */ x(
+  return /* @__PURE__ */ g(
     "nav",
     {
       ref: w,