schedulant 2.0.9 → 2.1.0

package/dist/schedulant.js

@@ -1,6 +1,6 @@
 import { jsx as a, Fragment as At, jsxs as O } from "react/jsx-runtime";
 import * as ie from "react";
-import { createContext as bt, useReducer as Mt, useEffect as N, useContext as wt, useRef as k, useCallback as C, useState as re, useMemo as F, memo as ae, useLayoutEffect as Et } from "react";
+import { createContext as Mt, useReducer as bt, useEffect as N, useContext as wt, useRef as k, useCallback as C, useState as re, useMemo as F, memo as ae, useLayoutEffect as Et } from "react";
 import E from "dayjs";
 import Ct from "dayjs/plugin/weekYear";
 import Dt from "dayjs/plugin/weekOfYear";
@@ -10,7 +10,7 @@ import { Dropdown as Z, Space as kt } from "antd";
 import X from "@ant-design/icons/lib/components/Icon";
 import { PlusSquareOutlined as xt, MinusSquareOutlined as Ot } from "@ant-design/icons";
 import { useSortable as It, SortableContext as Pt, verticalListSortingStrategy as Lt } from "@dnd-kit/sortable";
-import { useSensors as Nt, useSensor as _e, PointerSensor as Yt, KeyboardSensor as _t, DndContext as Wt, closestCenter as Ht, DragOverlay as zt } from "@dnd-kit/core";
+import { useSensors as Nt, useSensor as _e, PointerSensor as Yt, KeyboardSensor as _t, DndContext as Wt, closestCenter as zt, DragOverlay as Ht } from "@dnd-kit/core";
 import { restrictToVerticalAxis as Vt } from "@dnd-kit/modifiers";
 import { flushSync as Ft } from "react-dom";
 const de = {
@@ -49,8 +49,8 @@ const de = {
     default:
       return t;
   }
-}, ut = bt(void 0), Ut = ({ children: t }) => {
-  const [e, n] = Mt(qt, void 0, Bt);
+}, ut = Mt(void 0), Ut = ({ children: t }) => {
+  const [e, n] = bt(qt, void 0, Bt);
   return N(() => {
     localStorage.setItem(dt, JSON.stringify(e));
   }, [e]), /* @__PURE__ */ a(ut.Provider, { value: { state: e, dispatch: n }, children: t });
@@ -59,12 +59,12 @@ const de = {
   if (t === void 0)
     throw new Error("useSchedulantContext must be used within a SchedulantProvider");
   return t;
-}, w = (t) => `${t}px`, oe = (t) => Number(t.replace(/px$/, "")), We = (t) => document.querySelector(`.${t}`), jt = 0.7, W = 10, ht = 16, He = 13, $t = 0.3, ze = 0.8, Gt = 0.25, Xt = 0.75, Qt = 100, Kt = (t) => {
+}, w = (t) => `${t}px`, oe = (t) => Number(t.replace(/px$/, "")), We = (t) => document.querySelector(`.${t}`), jt = 0.7, W = 10, ht = 16, ze = 13, $t = 0.3, He = 0.8, Gt = 0.25, Xt = 0.75, Qt = 100, Kt = (t) => {
   N(() => {
-    const e = document.getElementById("schedulant-view-harness"), n = document.getElementById("schedulant-datagrid-body"), s = document.getElementById("schedulant-timeline-head"), i = n ? n.getBoundingClientRect().height : 0, r = s ? s.getBoundingClientRect().height : 0, o = i + r + He, l = t - o > 0 ? o : t;
+    const e = document.getElementById("schedulant-view-harness"), n = document.getElementById("schedulant-datagrid-body"), s = document.getElementById("schedulant-timeline-head"), i = n ? n.getBoundingClientRect().height : 0, r = s ? s.getBoundingClientRect().height : 0, o = i + r + ze, l = t - o > 0 ? o : t;
     e && (e.style.height = w(l));
     const c = () => {
-      const m = n ? n.getBoundingClientRect().height : 0, f = s ? s.getBoundingClientRect().height : 0, h = m + f + He, u = t - h > 0 ? h : t;
+      const m = n ? n.getBoundingClientRect().height : 0, g = s ? s.getBoundingClientRect().height : 0, h = m + g + ze, u = t - h > 0 ? h : t;
       e && (e.style.height = w(u));
     }, d = new ResizeObserver(() => {
       c();
@@ -77,38 +77,38 @@ const de = {
   N(() => {
     const i = t.current, r = e.current, o = n.current, l = s.current;
     if (!i || !r || !o || !l) return;
-    const c = [], d = (m, f, h, u) => {
-      m.addEventListener(f, h, u), c.push(() => m.removeEventListener(f, h));
+    const c = [], d = (m, g, h, u) => {
+      m.addEventListener(g, h, u), c.push(() => m.removeEventListener(g, h));
     };
     return d(r, "scroll", () => {
       i.scrollTop = r.scrollTop, l.scrollLeft = r.scrollLeft;
     }), d(i, "scroll", () => {
       o.scrollLeft = i.scrollLeft;
     }), d(i, "wheel", ((m) => {
-      let f = !1;
+      let g = !1;
       if (m.deltaY !== 0) {
         const h = r.scrollHeight - r.clientHeight, u = Math.max(0, Math.min(h, r.scrollTop + m.deltaY));
-        r.scrollTop = u, i.scrollTop = u, f = !0;
+        r.scrollTop = u, i.scrollTop = u, g = !0;
       }
-      if (f && m.deltaX !== 0) {
+      if (g && m.deltaX !== 0) {
         const h = i.scrollWidth - i.clientWidth, u = Math.max(0, Math.min(h, i.scrollLeft + m.deltaX));
         i.scrollLeft = u, o.scrollLeft = u;
       } else if (m.deltaX !== 0) {
         const h = i.scrollWidth - i.clientWidth;
         o.scrollLeft = Math.max(0, Math.min(h, i.scrollLeft + m.deltaX));
       }
-      f && m.preventDefault();
+      g && m.preventDefault();
     }), { passive: !1 }), d(r, "wheel", ((m) => {
-      let f = !1;
+      let g = !1;
       if (m.deltaY !== 0) {
         const h = r.scrollHeight - r.clientHeight, u = Math.max(0, Math.min(h, r.scrollTop + m.deltaY));
-        r.scrollTop = u, i.scrollTop = u, f = !0;
+        r.scrollTop = u, i.scrollTop = u, g = !0;
       }
       if (m.deltaX !== 0) {
         const h = r.scrollWidth - r.clientWidth, u = Math.max(0, Math.min(h, r.scrollLeft + m.deltaX));
-        r.scrollLeft = u, l.scrollLeft = u, f = !0;
+        r.scrollLeft = u, l.scrollLeft = u, g = !0;
       }
-      f && m.preventDefault();
+      g && m.preventDefault();
     }), { passive: !1 }), () => c.forEach((m) => m());
   }, [t, e, n, s]);
 }, Jt = (t, e) => {
@@ -291,20 +291,20 @@ class le {
     return (typeof s == "number" ? s : 0) - (typeof i == "number" ? i : 0);
   }
   static createTree(e, n, s, i) {
-    const r = "undefined", o = e.map((u) => new tn(u)), l = new Map(Object.entries(j(n, (u) => u.getResourceId()))), c = o.reduce((u, A) => u.set(A.getId(), A), /* @__PURE__ */ new Map()), d = new Map(Object.entries(j(s, (u) => u.getResourceId()))), m = new Map(Object.entries(j(i, (u) => u.getResourceId()))), f = [{ parentId: r, depth: 0 }], h = new Map(Object.entries(j(o, (u) => u.getParentId().getOrElse(r))));
-    for (; f.length > 0; ) {
-      const u = f.pop();
+    const r = "undefined", o = e.map((u) => new tn(u)), l = new Map(Object.entries(j(n, (u) => u.getResourceId()))), c = o.reduce((u, A) => u.set(A.getId(), A), /* @__PURE__ */ new Map()), d = new Map(Object.entries(j(s, (u) => u.getResourceId()))), m = new Map(Object.entries(j(i, (u) => u.getResourceId()))), g = [{ parentId: r, depth: 0 }], h = new Map(Object.entries(j(o, (u) => u.getParentId().getOrElse(r))));
+    for (; g.length > 0; ) {
+      const u = g.pop();
       if (u) {
-        const { parentId: A, depth: p } = u, S = h.get(A);
-        S && S.sort(le.compare).forEach((b) => {
-          const g = b.getId();
-          b.setDepth(p), b.setParent(c.get(A)), b.setChildren(h.get(g) || []);
-          const y = l.get(g) || [];
-          y.forEach((D) => D.setResourceApi(b)), b.setEventApis(y);
-          const v = d.get(g) || [];
-          v.forEach((D) => D.setResourceApi(b)), b.setMilestoneApis(v);
-          const M = m.get(g) || [];
-          M.forEach((D) => D.setResourceApi(b)), b.setCheckpointApis(M), f.push({ parentId: g, depth: p + 1 });
+        const { parentId: A, depth: p } = u, v = h.get(A);
+        v && v.sort(le.compare).forEach((M) => {
+          const f = M.getId();
+          M.setDepth(p), M.setParent(c.get(A)), M.setChildren(h.get(f) || []);
+          const y = l.get(f) || [];
+          y.forEach((D) => D.setResourceApi(M)), M.setEventApis(y);
+          const S = d.get(f) || [];
+          S.forEach((D) => D.setResourceApi(M)), M.setMilestoneApis(S);
+          const b = m.get(f) || [];
+          b.forEach((D) => D.setResourceApi(M)), M.setCheckpointApis(b), g.push({ parentId: f, depth: p + 1 });
         });
       }
     }
@@ -430,21 +430,21 @@ class K {
     for (; s.isSameOrBefore(n, "day"); ) {
       const m = s.startOf("year").format("YYYY-MM-DD");
       i.years[m] = i.years[m] || [], i.years[m].push(s.clone()), d.has(m) || d.set(m, d.size);
-      const f = s.startOf("quarter").format("YYYY-MM-DD");
-      i.quarters[f] = i.quarters[f] || [], i.quarters[f].push(s.clone()), c.has(f) || c.set(f, c.size);
+      const g = s.startOf("quarter").format("YYYY-MM-DD");
+      i.quarters[g] = i.quarters[g] || [], i.quarters[g].push(s.clone()), c.has(g) || c.set(g, c.size);
       const h = s.startOf("month").format("YYYY-MM-DD");
       i.months[h] = i.months[h] || [], i.months[h].push(s.clone()), l.has(h) || l.set(h, l.size);
       const u = s.startOf("week").format("YYYY-MM-DD");
       i.weeks[u] = i.weeks[u] || [], i.weeks[u].push(s.clone()), o.has(u) || o.set(u, o.size), i.days.push(s.clone()), this.dayPositionCache.set(s.format("YYYY-MM-DD"), r), r++, s = s.add(1, "day");
     }
-    return o.forEach((m, f) => {
-      this.weekPositionCache.set(f, m);
-    }), l.forEach((m, f) => {
-      this.monthPositionCache.set(f, m);
-    }), c.forEach((m, f) => {
-      this.quarterPositionCache.set(f, m);
-    }), d.forEach((m, f) => {
-      this.yearPositionCache.set(f, m);
+    return o.forEach((m, g) => {
+      this.weekPositionCache.set(g, m);
+    }), l.forEach((m, g) => {
+      this.monthPositionCache.set(g, m);
+    }), c.forEach((m, g) => {
+      this.quarterPositionCache.set(g, m);
+    }), d.forEach((m, g) => {
+      this.yearPositionCache.set(g, m);
     }), i;
   }
   constructor(e, n) {
@@ -826,7 +826,7 @@ const on = (t, e, n) => {
         });
       };
   }, [t, e, n]);
-}, H = ({ condition: t, children: e, fallback: n }) => /* @__PURE__ */ a(At, { children: t ? e : n }), ln = (t, e, n) => {
+}, z = ({ condition: t, children: e, fallback: n }) => /* @__PURE__ */ a(At, { children: t ? e : n }), ln = (t, e, n) => {
   const s = k(-1), i = C(() => We("schedulant-datagrid-head"), []), r = C(() => We("schedulant-datagrid-body"), []), o = C((h) => {
     h.preventDefault();
     const u = n.current;
@@ -844,25 +844,25 @@ const on = (t, e, n) => {
     u ? u.addEventListener("mousemove", o) : console.error("scheduleEl", u);
   }, [o, e]), d = C((h) => {
     h.preventDefault();
-    const u = s.current, A = i(), p = r(), S = A.firstElementChild, b = p.firstElementChild, g = S?.children, y = b?.children;
-    if (g && y) {
-      const v = g[u], M = y[u], D = h.clientX - v.getBoundingClientRect().left, T = h.clientX - M.getBoundingClientRect().left;
-      v.style.width = w(D), M.style.width = w(T);
+    const u = s.current, A = i(), p = r(), v = A.firstElementChild, M = p.firstElementChild, f = v?.children, y = M?.children;
+    if (f && y) {
+      const S = f[u], b = y[u], D = h.clientX - S.getBoundingClientRect().left, T = h.clientX - b.getBoundingClientRect().left;
+      S.style.width = w(D), b.style.width = w(T);
     }
   }, [r, i, s]), m = C((h) => {
     h.preventDefault(), s.current = -1;
     const u = i(), A = r();
     u.removeEventListener("mousemove", d), A.removeEventListener("mousemove", d);
-  }, [s, i, r, d]), f = C((h) => (u) => {
+  }, [s, i, r, d]), g = C((h) => (u) => {
     u.preventDefault();
     const A = h.current?.parentElement, p = h.current?.parentElement?.parentElement;
     if (p) {
-      let S = p.getElementsByTagName("td");
-      S.length === 0 && (S = p.getElementsByTagName("th"));
-      for (let y = 0; y < S.length; y++)
-        S[y] === A && (s.current = y);
-      const b = i(), g = r();
-      b.addEventListener("mousemove", d), g.addEventListener("mousemove", d);
+      let v = p.getElementsByTagName("td");
+      v.length === 0 && (v = p.getElementsByTagName("th"));
+      for (let y = 0; y < v.length; y++)
+        v[y] === A && (s.current = y);
+      const M = i(), f = r();
+      M.addEventListener("mousemove", d), f.addEventListener("mousemove", d);
     } else
       console.error("trElement", p);
   }, [i, r, d, s]);
@@ -870,7 +870,7 @@ const on = (t, e, n) => {
     datagridResizerMouseUp: l,
     datagridResizerMouseDown: c,
     datagridCellResizerMouseUp: m,
-    datagridCellResizerMouseDownFunc: f
+    datagridCellResizerMouseDownFunc: g
   };
 }, an = (t) => {
   const e = k(null);
@@ -900,7 +900,7 @@ const on = (t, e, n) => {
             children: t.resourceAreaColumn.headerContent
           }
         ) }),
-        /* @__PURE__ */ a(H, { condition: t.isResizable, children: /* @__PURE__ */ a(
+        /* @__PURE__ */ a(z, { condition: t.isResizable, children: /* @__PURE__ */ a(
           "div",
           {
             className: "schedulant-datagrid-cell-resizer",
@@ -982,9 +982,9 @@ function hn(t, e, n) {
   if (t.shiftKey && G) {
     const c = e.indexOf(G), d = e.indexOf(r);
     if (c !== -1 && d !== -1) {
-      const m = Math.min(c, d), f = Math.max(c, d);
+      const m = Math.min(c, d), g = Math.max(c, d);
       o || L.clear();
-      for (let h = m; h <= f; h++)
+      for (let h = m; h <= g; h++)
         L.add(e[h]);
     }
   } else o ? (L.has(r) ? L.delete(r) : L.add(r), G = r) : (L.clear(), L.add(r), G = r);
@@ -1019,29 +1019,29 @@ function mn(t, e, n) {
   };
 }
 const gn = (t) => {
-  const { dispatch: e } = Te(), n = k(null), i = t.schedulantApi.getScheduleView().getTimelineView().calculateLaneHeight(t.resourceApi), r = C((y, v) => {
-    const M = v.getResource();
-    if (Object.keys(M).includes(y)) {
-      const I = M[y];
+  const { dispatch: e } = Te(), n = k(null), i = t.schedulantApi.getScheduleView().getTimelineView().calculateLaneHeight(t.resourceApi), r = C((y, S) => {
+    const b = S.getResource();
+    if (Object.keys(b).includes(y)) {
+      const I = b[y];
       if (typeof I == "string")
         return I;
     } else {
-      const I = M.extendedProps?.[y];
+      const I = b.extendedProps?.[y];
       if (typeof I == "string" || typeof I == "number")
         return I;
     }
     return "";
   }, []);
   cn(n, t.resourceAreaColumn, t.schedulantApi, t.resourceApi);
-  const o = t.resourceApi.getId(), l = !t.isDraggable || !t.showPlusSquare, { attributes: c, listeners: d, setNodeRef: m, isDragging: f } = It({
+  const o = t.resourceApi.getId(), l = !t.isDraggable || !t.showPlusSquare, { attributes: c, listeners: d, setNodeRef: m, isDragging: g } = It({
     id: o,
     disabled: l,
     transition: null
   }), h = t.overId === o && t.activeId !== o, u = () => {
     const y = ["schedulant-datagrid-cell", "schedulant-resource"];
-    return mt().has(o) && y.push("schedulant-resource-selected"), t.isDraggable && f && y.push("schedulant-resource-dragging"), t.isDraggable && h && t.dropPosition && y.push(`schedulant-resource-drop-${t.dropPosition}`), y.join(" ");
-  }, [A, p] = re(!1), [S, b] = re({}), g = C((y) => {
-    y && b(mn(t.schedulantApi, t.resourceApi, t.resourceAreaColumn)), p(y);
+    return mt().has(o) && y.push("schedulant-resource-selected"), t.isDraggable && g && y.push("schedulant-resource-dragging"), t.isDraggable && h && t.dropPosition && y.push(`schedulant-resource-drop-${t.dropPosition}`), y.join(" ");
+  }, [A, p] = re(!1), [v, M] = re({}), f = C((y) => {
+    y && M(mn(t.schedulantApi, t.resourceApi, t.resourceAreaColumn)), p(y);
   }, [t.schedulantApi, t.resourceApi, t.resourceAreaColumn]);
   return /* @__PURE__ */ a(
     "td",
@@ -1057,8 +1057,8 @@ const gn = (t) => {
           destroyOnHidden: !0,
           trigger: ["contextMenu"],
           open: A,
-          onOpenChange: g,
-          menu: S,
+          onOpenChange: f,
+          menu: v,
           children: /* @__PURE__ */ O(
             "div",
             {
@@ -1072,7 +1072,7 @@ const gn = (t) => {
                     {
                       className: "schedulant-datagrid-expander schedulant-datagrid-expander-placeholder",
                       children: [
-                        t.showIndentation && Array.from({ length: t.resourceApi.getDepth() }, (y, v) => /* @__PURE__ */ a("span", { className: "schedulant-icon" }, v + 1)),
+                        t.showIndentation && Array.from({ length: t.resourceApi.getDepth() }, (y, S) => /* @__PURE__ */ a("span", { className: "schedulant-icon" }, S + 1)),
                         /* @__PURE__ */ a("span", { className: "schedulant-icon", children: t.collapseIds.some((y) => y === t.resourceApi.getId()) ? /* @__PURE__ */ a(
                           xt,
                           {
@@ -1098,7 +1098,7 @@ const gn = (t) => {
                     t.showPlusSquare && t.resourceApi.getMilestoneApis().length > 0 && /* @__PURE__ */ a("span", { className: "schedulant-milestone-indicator", children: /* @__PURE__ */ a(dn, { width: 14, height: 14, color: "#91003c" }) })
                   ] })
                 ] }) }),
-                /* @__PURE__ */ a(H, { condition: t.isResizable, children: /* @__PURE__ */ a("div", { className: "schedulant-datagrid-cell-resizer", onMouseUp: t.cellResizerMouseUp, onMouseDown: t.cellResizerMouseDownFunc(n) }) })
+                /* @__PURE__ */ a(z, { condition: t.isResizable, children: /* @__PURE__ */ a("div", { className: "schedulant-datagrid-cell-resizer", onMouseUp: t.cellResizerMouseUp, onMouseDown: t.cellResizerMouseDownFunc(n) }) })
               ]
             }
           )
@@ -1106,7 +1106,7 @@ const gn = (t) => {
       )
     }
   );
-}, fn = (t) => /* @__PURE__ */ a("colgroup", { children: t.resourceAreaColumns.map((e) => /* @__PURE__ */ a("col", { style: { minWidth: Qt } }, e.field)) }), pn = () => /* @__PURE__ */ a("div", { className: "schedulant-timeline-lane" }), yn = (t, e, n) => {
+}, fn = (t) => /* @__PURE__ */ a("colgroup", { children: t.resourceAreaColumns.map((e) => /* @__PURE__ */ a("col", { style: { minWidth: Qt } }, e.field)) }), pn = (t, e, n) => {
   const s = n.getStart(), i = n.getEnd(), r = i.isBefore(E(), "day"), o = s.isAfter(E(), "day"), l = s.isSameOrBefore(E(), "day") && (i.isAfter(E(), "day") || i.isSame(E(), "day"));
   return N(() => {
     const c = t.current;
@@ -1131,7 +1131,7 @@ const gn = (t) => {
   }, [t, e, n, r, o, l]), { isPast: r, isFuture: o, isProcess: l };
 };
 var se = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
-function vn(t) {
+function yn(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
 var ue, Ve;
@@ -1145,7 +1145,7 @@ function xe() {
   return ue = t, ue;
 }
 var he, Fe;
-function Sn() {
+function vn() {
   if (Fe) return he;
   Fe = 1;
   var t = typeof se == "object" && se && se.Object === Object && se;
@@ -1155,11 +1155,11 @@ var me, Be;
 function gt() {
   if (Be) return me;
   Be = 1;
-  var t = Sn(), e = typeof self == "object" && self && self.Object === Object && self, n = t || e || Function("return this")();
+  var t = vn(), e = typeof self == "object" && self && self.Object === Object && self, n = t || e || Function("return this")();
   return me = n, me;
 }
 var ge, qe;
-function An() {
+function Sn() {
   if (qe) return ge;
   qe = 1;
   var t = gt(), e = function() {
@@ -1168,7 +1168,7 @@ function An() {
   return ge = e, ge;
 }
 var fe, Ue;
-function bn() {
+function An() {
   if (Ue) return fe;
   Ue = 1;
   var t = /\s/;
@@ -1183,7 +1183,7 @@ var pe, je;
 function Mn() {
   if (je) return pe;
   je = 1;
-  var t = bn(), e = /^\s+/;
+  var t = An(), e = /^\s+/;
   function n(s) {
     return s && s.slice(0, t(s) + 1).replace(e, "");
   }
@@ -1197,7 +1197,7 @@ function ft() {
   return ye = e, ye;
 }
 var ve, Ge;
-function wn() {
+function bn() {
   if (Ge) return ve;
   Ge = 1;
   var t = ft(), e = Object.prototype, n = e.hasOwnProperty, s = e.toString, i = t ? t.toStringTag : void 0;
@@ -1214,7 +1214,7 @@ function wn() {
   return ve = r, ve;
 }
 var Se, Xe;
-function En() {
+function wn() {
   if (Xe) return Se;
   Xe = 1;
   var t = Object.prototype, e = t.toString;
@@ -1224,39 +1224,39 @@ function En() {
   return Se = n, Se;
 }
 var Ae, Qe;
-function Cn() {
+function En() {
   if (Qe) return Ae;
   Qe = 1;
-  var t = ft(), e = wn(), n = En(), s = "[object Null]", i = "[object Undefined]", r = t ? t.toStringTag : void 0;
+  var t = ft(), e = bn(), n = wn(), s = "[object Null]", i = "[object Undefined]", r = t ? t.toStringTag : void 0;
   function o(l) {
     return l == null ? l === void 0 ? i : s : r && r in Object(l) ? e(l) : n(l);
   }
   return Ae = o, Ae;
 }
-var be, Ke;
-function Dn() {
-  if (Ke) return be;
+var Me, Ke;
+function Cn() {
+  if (Ke) return Me;
   Ke = 1;
   function t(e) {
     return e != null && typeof e == "object";
   }
-  return be = t, be;
+  return Me = t, Me;
 }
-var Me, Ze;
-function Tn() {
-  if (Ze) return Me;
+var be, Ze;
+function Dn() {
+  if (Ze) return be;
   Ze = 1;
-  var t = Cn(), e = Dn(), n = "[object Symbol]";
+  var t = En(), e = Cn(), n = "[object Symbol]";
   function s(i) {
     return typeof i == "symbol" || e(i) && t(i) == n;
   }
-  return Me = s, Me;
+  return be = s, be;
 }
 var we, Je;
-function Rn() {
+function Tn() {
   if (Je) return we;
   Je = 1;
-  var t = Mn(), e = xe(), n = Tn(), s = NaN, i = /^[-+]0x[0-9a-f]+$/i, r = /^0b[01]+$/i, o = /^0o[0-7]+$/i, l = parseInt;
+  var t = Mn(), e = xe(), n = Dn(), s = NaN, i = /^[-+]0x[0-9a-f]+$/i, r = /^0b[01]+$/i, o = /^0o[0-7]+$/i, l = parseInt;
   function c(d) {
     if (typeof d == "number")
       return d;
@@ -1269,35 +1269,35 @@ function Rn() {
     if (typeof d != "string")
       return d === 0 ? d : +d;
     d = t(d);
-    var f = r.test(d);
-    return f || o.test(d) ? l(d.slice(2), f ? 2 : 8) : i.test(d) ? s : +d;
+    var g = r.test(d);
+    return g || o.test(d) ? l(d.slice(2), g ? 2 : 8) : i.test(d) ? s : +d;
   }
   return we = c, we;
 }
 var Ee, et;
-function kn() {
+function Rn() {
   if (et) return Ee;
   et = 1;
-  var t = xe(), e = An(), n = Rn(), s = "Expected a function", i = Math.max, r = Math.min;
+  var t = xe(), e = Sn(), n = Tn(), s = "Expected a function", i = Math.max, r = Math.min;
   function o(l, c, d) {
-    var m, f, h, u, A, p, S = 0, b = !1, g = !1, y = !0;
+    var m, g, h, u, A, p, v = 0, M = !1, f = !1, y = !0;
     if (typeof l != "function")
       throw new TypeError(s);
-    c = n(c) || 0, t(d) && (b = !!d.leading, g = "maxWait" in d, h = g ? i(n(d.maxWait) || 0, c) : h, y = "trailing" in d ? !!d.trailing : y);
-    function v(R) {
-      var V = m, q = f;
-      return m = f = void 0, S = R, u = l.apply(q, V), u;
+    c = n(c) || 0, t(d) && (M = !!d.leading, f = "maxWait" in d, h = f ? i(n(d.maxWait) || 0, c) : h, y = "trailing" in d ? !!d.trailing : y);
+    function S(R) {
+      var V = m, q = g;
+      return m = g = void 0, v = R, u = l.apply(q, V), u;
     }
-    function M(R) {
-      return S = R, A = setTimeout(I, c), b ? v(R) : u;
+    function b(R) {
+      return v = R, A = setTimeout(I, c), M ? S(R) : u;
     }
     function D(R) {
-      var V = R - p, q = R - S, Q = c - V;
-      return g ? r(Q, h - q) : Q;
+      var V = R - p, q = R - v, Q = c - V;
+      return f ? r(Q, h - q) : Q;
     }
     function T(R) {
-      var V = R - p, q = R - S;
-      return p === void 0 || V >= c || V < 0 || g && q >= h;
+      var V = R - p, q = R - v;
+      return p === void 0 || V >= c || V < 0 || f && q >= h;
     }
     function I() {
       var R = e();
@@ -1306,33 +1306,33 @@ function kn() {
       A = setTimeout(I, D(R));
     }
     function P(R) {
-      return A = void 0, y && m ? v(R) : (m = f = void 0, u);
+      return A = void 0, y && m ? S(R) : (m = g = void 0, u);
     }
     function Y() {
-      A !== void 0 && clearTimeout(A), S = 0, m = p = f = A = void 0;
+      A !== void 0 && clearTimeout(A), v = 0, m = p = g = A = void 0;
     }
-    function z() {
+    function H() {
       return A === void 0 ? u : P(e());
     }
     function _() {
       var R = e(), V = T(R);
-      if (m = arguments, f = this, p = R, V) {
+      if (m = arguments, g = this, p = R, V) {
         if (A === void 0)
-          return M(p);
-        if (g)
-          return clearTimeout(A), A = setTimeout(I, c), v(p);
+          return b(p);
+        if (f)
+          return clearTimeout(A), A = setTimeout(I, c), S(p);
       }
       return A === void 0 && (A = setTimeout(I, c)), u;
     }
-    return _.cancel = Y, _.flush = z, _;
+    return _.cancel = Y, _.flush = H, _;
   }
   return Ee = o, Ee;
 }
 var Ce, tt;
-function xn() {
+function kn() {
   if (tt) return Ce;
   tt = 1;
-  var t = kn(), e = xe(), n = "Expected a function";
+  var t = Rn(), e = xe(), n = "Expected a function";
   function s(i, r, o) {
     var l = !0, c = !0;
     if (typeof i != "function")
@@ -1345,131 +1345,128 @@ function xn() {
   }
   return Ce = s, Ce;
 }
-var On = xn();
-const pt = /* @__PURE__ */ vn(On), In = (t) => {
-  const e = F(() => "schedulant-timeline-event-position-guide", []), n = k(0), s = k(0), i = k(0), r = k(!1), o = k("none"), l = C((g) => {
-    const M = t.schedulantApi.getScheduleView().getTimelineView(), D = g - n.current, T = t.timelineWidth, I = M.getTotalSlots(), P = Math.round(D / T * I), Y = P / I * T;
+var xn = kn();
+const pt = /* @__PURE__ */ yn(xn), On = (t) => {
+  const e = F(() => "schedulant-timeline-event-position-guide", []), n = k(0), s = k(0), i = k(0), r = k(!1), o = k("none"), l = C((f) => {
+    const b = t.schedulantApi.getScheduleView().getTimelineView(), D = f - n.current, T = t.timelineWidth, I = b.getTotalSlots(), P = Math.round(D / T * I), Y = P / I * T;
     return { moveSlots: P, distance: Y, deltaX: D };
-  }, [t]), c = C((g) => {
-    const y = t.schedulantApi.getScheduleView().getTimelineView(), v = g.style.left, M = g.style.right, D = y.calculateLaneHeight(t.resourceApi), T = document.createElement("div");
+  }, [t]), c = C((f) => {
+    const y = t.schedulantApi.getScheduleView().getTimelineView(), S = f.style.left, b = f.style.right, D = y.calculateLaneHeight(t.resourceApi), T = document.createElement("div");
     T.className = e, Object.assign(T.style, {
       position: "absolute",
       zIndex: 1,
-      left: v,
-      right: M,
+      left: S,
+      right: b,
       height: w(D),
       backgroundColor: t.schedulantApi.getDragHintColor()
-    }), g.parentNode?.insertBefore(T, g);
-  }, [t, e]), d = C((g) => {
-    const y = g.previousElementSibling;
-    y?.className === e && g.parentElement?.removeChild(y);
-  }, [e]), m = C((g, y) => {
-    const v = g.previousElementSibling;
-    if (v && v.className === e) {
-      const M = o.current, { distance: D } = l(y);
-      switch (M) {
+    }), f.parentNode?.insertBefore(T, f);
+  }, [t, e]), d = C((f) => {
+    const y = f.previousElementSibling;
+    y?.className === e && f.parentElement?.removeChild(y);
+  }, [e]), m = C((f, y) => {
+    const S = f.previousElementSibling;
+    if (S && S.className === e) {
+      const b = o.current, { distance: D } = l(y);
+      switch (b) {
         case "press_event": {
-          v.style.left = w(Math.max(s.current + D, 0)), v.style.right = w(i.current - D);
+          S.style.left = w(Math.max(s.current + D, 0)), S.style.right = w(i.current - D);
           break;
         }
         case "press_event_left": {
           const T = Math.max(s.current + D, 0);
-          v.style.left = w(T);
+          S.style.left = w(T);
           break;
         }
         case "press_event_right": {
           const T = i.current - D;
-          v.style.right = w(T);
+          S.style.right = w(T);
           break;
         }
       }
     }
-  }, [l, e]), f = C((g, y) => {
-    const v = t.eventApi, M = t.schedulantApi, D = o.current, { moveSlots: T, distance: I } = l(y);
+  }, [l, e]), g = C((f, y) => {
+    const S = t.eventApi, b = t.schedulantApi, D = o.current, { moveSlots: T, distance: I } = l(y);
     switch (D) {
       case "press_event": {
-        g.style.left = w(Math.max(s.current + I, 0)), g.style.right = w(i.current - I);
-        const P = v.getStart().add(T, "day"), Y = v.getEnd().add(T, "day");
-        M.eventMove({
-          el: g,
+        f.style.left = w(Math.max(s.current + I, 0)), f.style.right = w(i.current - I);
+        const P = S.getStart().add(T, "day"), Y = S.getEnd().add(T, "day");
+        b.eventMove({
+          el: f,
           startDate: P,
           endDate: Y,
-          eventApi: v,
-          schedulantApi: M
+          eventApi: S,
+          schedulantApi: b
         });
         break;
       }
       case "press_event_left": {
         const P = Math.max(s.current + I, 0);
-        g.style.left = w(P);
-        const Y = v.getStart().add(T, "day");
-        M.eventResizeStart({
-          el: g,
+        f.style.left = w(P);
+        const Y = S.getStart().add(T, "day");
+        b.eventResizeStart({
+          el: f,
           date: Y,
-          eventApi: v,
-          schedulantApi: M
+          eventApi: S,
+          schedulantApi: b
         });
         break;
       }
       case "press_event_right": {
         const P = i.current - I;
-        g.style.right = w(P);
-        const Y = v.getEnd().add(T, "day");
-        M.eventResizeEnd({
-          el: g,
+        f.style.right = w(P);
+        const Y = S.getEnd().add(T, "day");
+        b.eventResizeEnd({
+          el: f,
           date: Y,
-          eventApi: v,
-          schedulantApi: M
+          eventApi: S,
+          schedulantApi: b
         });
         break;
       }
     }
-  }, [t, l]), h = C((g) => {
-    g.preventDefault();
-    const y = r.current, v = t.timelineEventHarnessRef.current;
-    if (y && v) {
-      const { deltaX: M } = l(g.clientX), D = s.current + M, T = i.current - M;
+  }, [t, l]), h = C((f) => {
+    f.preventDefault();
+    const y = r.current, S = t.timelineEventHarnessRef.current;
+    if (y && S) {
+      const { deltaX: b } = l(f.clientX), D = s.current + b, T = i.current - b;
       switch (o.current) {
         case "press_event":
-          v.style.left = w(D), v.style.right = w(T);
+          S.style.left = w(D), S.style.right = w(T);
           break;
         case "press_event_left":
-          v.style.left = w(D);
+          S.style.left = w(D);
           break;
         case "press_event_right":
-          v.style.right = w(T);
+          S.style.right = w(T);
           break;
       }
-      m(v, g.clientX);
+      m(S, f.clientX);
     }
   }, [t.timelineEventHarnessRef, m, l]), u = F(
     () => pt(h, ht),
     [h]
-  ), A = C((g, y) => {
-    g.preventDefault();
-    const v = t.schedulantApi.getSchedulantElRef().current, M = t.timelineEventHarnessRef.current;
-    M && v ? (r.current = !0, o.current = y, n.current = g.clientX, s.current = oe(M.style.left), i.current = oe(M.style.right), c(M), v.addEventListener("mousemove", u)) : (console.error("scheduleEl", v), console.error("timelineEventHarness", M));
-  }, [t.schedulantApi, t.timelineEventHarnessRef, c, u]), p = C((g) => {
-    A(g, "press_event");
-  }, [A]), S = C((g) => {
-    A(g, "press_event_left");
-  }, [A]), b = C((g) => {
-    A(g, "press_event_right");
+  ), A = C((f, y) => {
+    f.preventDefault();
+    const S = t.schedulantApi.getSchedulantElRef().current, b = t.timelineEventHarnessRef.current;
+    b && S ? (r.current = !0, o.current = y, n.current = f.clientX, s.current = oe(b.style.left), i.current = oe(b.style.right), c(b), S.addEventListener("mousemove", u)) : (console.error("scheduleEl", S), console.error("timelineEventHarness", b));
+  }, [t.schedulantApi, t.timelineEventHarnessRef, c, u]), p = C((f) => {
+    A(f, "press_event");
+  }, [A]), v = C((f) => {
+    A(f, "press_event_left");
+  }, [A]), M = C((f) => {
+    A(f, "press_event_right");
   }, [A]);
   return N(() => {
-    const g = t.timelineEventHarnessRef.current, y = t.schedulantApi.getSchedulantElRef().current;
-    if (y && g) {
-      const v = g.parentElement?.parentElement;
-      if (v) {
-        const M = (D) => {
-          D.preventDefault(), r.current && !v.contains(D.relatedTarget) && (d(g), f(g, D.clientX), y.removeEventListener("mousemove", u), r.current = !1, o.current = "none");
-        };
-        return v.addEventListener("mouseup", M), v.addEventListener("mouseout", M), () => {
-          v.removeEventListener("mouseup", M), v.removeEventListener("mouseout", M), y.removeEventListener("mousemove", u), u.cancel();
-        };
-      }
+    const f = t.timelineEventHarnessRef.current, y = t.schedulantApi.getSchedulantElRef().current;
+    if (y && f) {
+      const S = (b) => {
+        b.preventDefault(), r.current && (d(f), g(f, b.clientX), y.removeEventListener("mousemove", u), r.current = !1, o.current = "none");
+      };
+      return document.addEventListener("mouseup", S), () => {
+        document.removeEventListener("mouseup", S), y.removeEventListener("mousemove", u), u.cancel();
+      };
     }
-  }, [u, t, d, f]), { handleMouseDown: p, leftHandleMouseDown: S, rightHandleMouseDown: b };
+  }, [u, t, d, g]), { handleMouseDown: p, leftHandleMouseDown: v, rightHandleMouseDown: M };
 }, nt = (t) => /* @__PURE__ */ a(X, { component: () => /* @__PURE__ */ a(
   "svg",
   {
@@ -1515,8 +1512,8 @@ const pt = /* @__PURE__ */ vn(On), In = (t) => {
       }
     )
   }
-), ...t }), Pn = ae((t) => {
-  const e = k(null), n = k(null), s = t.schedulantApi.getTimelineApi(), i = t.schedulantApi.getScheduleView().getTimelineView(), r = t.eventApi.getTextColor().getOrElse("white"), o = t.eventApi.getBorderColor().getOrElse(t.eventApi.getColor()), l = t.eventApi.getBackgroundColor().getOrElse(t.eventApi.getColor()), c = i.calculateLaneHeight(t.resourceApi), d = i.calculateEventHeight(), m = (c - d) / 2 - 1, { isPast: f, isFuture: h, isProcess: u } = yn(e, t.schedulantApi, t.eventApi), { handleMouseDown: A, leftHandleMouseDown: p, rightHandleMouseDown: S } = In({
+), ...t }), In = ae((t) => {
+  const e = k(null), n = k(null), s = t.schedulantApi.getTimelineApi(), i = t.schedulantApi.getScheduleView().getTimelineView(), r = t.eventApi.getTextColor().getOrElse("white"), o = t.eventApi.getBorderColor().getOrElse(t.eventApi.getColor()), l = t.eventApi.getBackgroundColor().getOrElse(t.eventApi.getColor()), c = i.calculateLaneHeight(t.resourceApi), d = i.calculateEventHeight(), m = (c - d) / 2 - 1, { isPast: g, isFuture: h, isProcess: u } = pn(e, t.schedulantApi, t.eventApi), { handleMouseDown: A, leftHandleMouseDown: p, rightHandleMouseDown: v } = On({
     timelineEventHarnessRef: n,
     timelineWidth: t.timelineWidth,
     eventApi: t.eventApi,
@@ -1537,13 +1534,13 @@ const pt = /* @__PURE__ */ vn(On), In = (t) => {
       trigger: ["contextMenu"],
       menu: {
         items: t.schedulantApi.getEventContextMenuItems(),
-        onClick: (b) => {
-          const { key: g, keyPath: y, domEvent: v } = b;
+        onClick: (M) => {
+          const { key: f, keyPath: y, domEvent: S } = M;
           t.schedulantApi.onEventContextMenuClick({
-            key: g,
+            key: f,
             keyPath: y,
-            domEvent: v,
-            isPast: f,
+            domEvent: S,
+            isPast: g,
             isFuture: h,
             isProcess: u,
             eventApi: t.eventApi,
@@ -1559,11 +1556,11 @@ const pt = /* @__PURE__ */ vn(On), In = (t) => {
           ref: e,
           children: [
             /* @__PURE__ */ a(
-              H,
+              z,
               {
                 condition: t.schedulantApi.isEditable(),
                 fallback: /* @__PURE__ */ a(
-                  H,
+                  z,
                   {
                     condition: t.eventApi.getStart().isBefore(s.getStart()),
                     fallback: /* @__PURE__ */ a("div", { style: { width: W, height: d } }),
@@ -1571,7 +1568,7 @@ const pt = /* @__PURE__ */ vn(On), In = (t) => {
                   }
                 ),
                 children: /* @__PURE__ */ a(
-                  H,
+                  z,
                   {
                     condition: !t.eventApi.getStart().isBefore(s.getStart()),
                     fallback: /* @__PURE__ */ a(nt, { width: W, height: d, color: "#FFFFFF" }),
@@ -1589,7 +1586,7 @@ const pt = /* @__PURE__ */ vn(On), In = (t) => {
               }
             ),
             /* @__PURE__ */ a(
-              H,
+              z,
               {
                 condition: t.schedulantApi.isEditable() && !t.eventApi.getStart().isBefore(s.getStart()) && t.eventApi.getEnd().isSameOrBefore(s.getEnd()),
                 fallback: /* @__PURE__ */ a(
@@ -1598,7 +1595,7 @@ const pt = /* @__PURE__ */ vn(On), In = (t) => {
                     className: "schedulant-event-main",
                     style: { color: r, width: `calc(100% - ${W * 2}px)` },
                     children: /* @__PURE__ */ a(
-                      H,
+                      z,
                       {
                         condition: t.eventApi.getUrl().isDefined(),
                         fallback: /* @__PURE__ */ a("span", { children: t.eventApi.getTitle() }),
@@ -1621,7 +1618,7 @@ const pt = /* @__PURE__ */ vn(On), In = (t) => {
                     style: { color: r, width: `calc(100% - ${W * 2}px)`, cursor: "grab" },
                     onMouseDown: A,
                     children: /* @__PURE__ */ a(
-                      H,
+                      z,
                       {
                         condition: t.eventApi.getUrl().isDefined(),
                         fallback: /* @__PURE__ */ a("span", { children: t.eventApi.getTitle() }),
@@ -1640,11 +1637,11 @@ const pt = /* @__PURE__ */ vn(On), In = (t) => {
               }
             ),
             /* @__PURE__ */ a(
-              H,
+              z,
               {
                 condition: t.schedulantApi.isEditable(),
                 fallback: /* @__PURE__ */ a(
-                  H,
+                  z,
                   {
                     condition: t.eventApi.getEnd().isAfter(s.getEnd()),
                     fallback: /* @__PURE__ */ a("div", { style: { width: W, height: d } }),
@@ -1652,7 +1649,7 @@ const pt = /* @__PURE__ */ vn(On), In = (t) => {
                   }
                 ),
                 children: /* @__PURE__ */ a(
-                  H,
+                  z,
                   {
                     condition: t.eventApi.getEnd().isSameOrBefore(s.getEnd()),
                     fallback: /* @__PURE__ */ a(it, { width: W, height: d, color: "#FFFFFF" }),
@@ -1660,7 +1657,7 @@ const pt = /* @__PURE__ */ vn(On), In = (t) => {
                       "div",
                       {
                         className: "schedulant-event-resize-handle",
-                        onMouseDown: S,
+                        onMouseDown: v,
                         style: { width: W, height: d, cursor: "ew-resize" },
                         children: /* @__PURE__ */ a(st, { width: W, height: d, color: "#FFFFFF" })
                       }
@@ -1674,7 +1671,7 @@ const pt = /* @__PURE__ */ vn(On), In = (t) => {
       )
     }
   ) });
-}), Ln = (t, e, n) => {
+}), Pn = (t, e, n) => {
   const s = n.getTime(), i = s.isBefore(E(), "day"), r = s.isAfter(E(), "day"), o = s.isSame(E(), "day");
   return N(() => {
     const l = t.current;
@@ -1699,37 +1696,37 @@ const pt = /* @__PURE__ */ vn(On), In = (t) => {
   }, [e, n, t, i, r, o]), { isPast: i, isFuture: r, isProcess: o };
 }, yt = (t) => {
   const e = F(() => "schedulant-timeline-marker-position-guide", []), n = k(0), s = k(0), i = k(0), r = k(!1), o = C((p) => {
-    const S = p.style.left, b = p.style.right, g = t.schedulantApi.getScheduleView().getTimelineView(), y = t.milestoneApi?.getResourceApi() ?? t.checkpointApi?.getResourceApi(), v = g.calculateLaneHeight(y), M = document.createElement("div");
-    M.className = e, Object.assign(M.style, {
+    const v = p.style.left, M = p.style.right, f = t.schedulantApi.getScheduleView().getTimelineView(), y = t.milestoneApi?.getResourceApi() ?? t.checkpointApi?.getResourceApi(), S = f.calculateLaneHeight(y), b = document.createElement("div");
+    b.className = e, Object.assign(b.style, {
       position: "absolute",
       zIndex: 1,
-      left: S,
-      right: b,
-      height: w(v),
+      left: v,
+      right: M,
+      height: w(S),
       backgroundColor: t.schedulantApi.getDragHintColor()
-    }), p.parentNode?.insertBefore(M, p);
+    }), p.parentNode?.insertBefore(b, p);
   }, [t, e]), l = C((p) => {
-    const S = p.previousElementSibling;
-    S?.className === e && p.parentElement?.removeChild(S);
+    const v = p.previousElementSibling;
+    v?.className === e && p.parentElement?.removeChild(v);
   }, [e]), c = C((p) => {
-    const g = t.schedulantApi.getScheduleView().getTimelineView(), y = p - n.current, v = t.timelineWidth, M = g.getTotalSlots(), D = Math.round(y / v * M), T = D / M * t.timelineWidth;
+    const f = t.schedulantApi.getScheduleView().getTimelineView(), y = p - n.current, S = t.timelineWidth, b = f.getTotalSlots(), D = Math.round(y / S * b), T = D / b * t.timelineWidth;
     return {
       moveSlots: D,
       distance: T,
       deltaX: y,
-      totalWidth: v,
-      totalSlots: M
+      totalWidth: S,
+      totalSlots: b
     };
-  }, [t]), d = C((p, S) => {
-    const b = p.previousElementSibling;
-    if (b && b.className === e) {
-      const { distance: g } = c(S);
-      b.style.left = w(Math.max(s.current + g, 0)), b.style.right = w(i.current - g);
+  }, [t]), d = C((p, v) => {
+    const M = p.previousElementSibling;
+    if (M && M.className === e) {
+      const { distance: f } = c(v);
+      M.style.left = w(Math.max(s.current + f, 0)), M.style.right = w(i.current - f);
     }
-  }, [e, c]), m = C((p, S) => {
-    const { moveSlots: b, distance: g } = c(S);
-    if (p.style.left = w(Math.max(s.current + g, 0)), p.style.right = w(i.current - g), t.milestoneApi) {
-      const y = t.milestoneApi.getTime().add(b, "day");
+  }, [e, c]), m = C((p, v) => {
+    const { moveSlots: M, distance: f } = c(v);
+    if (p.style.left = w(Math.max(s.current + f, 0)), p.style.right = w(i.current - f), t.milestoneApi) {
+      const y = t.milestoneApi.getTime().add(M, "day");
       t.schedulantApi.milestoneMove({
         el: p,
         date: y,
@@ -1737,7 +1734,7 @@ const pt = /* @__PURE__ */ vn(On), In = (t) => {
         milestoneApi: t.milestoneApi
       });
     } else if (t.checkpointApi) {
-      const y = t.checkpointApi.getTime().add(b, "day");
+      const y = t.checkpointApi.getTime().add(M, "day");
       t.schedulantApi.checkpointMove({
         el: p,
         date: y,
@@ -1746,40 +1743,40 @@ const pt = /* @__PURE__ */ vn(On), In = (t) => {
       });
     }
     n.current = 0;
-  }, [t, c]), f = C((p) => {
+  }, [t, c]), g = C((p) => {
     p.preventDefault();
-    const S = t.markerRef.current, b = r.current;
-    if (S && b) {
-      const g = p.clientX - n.current, y = s.current + g, v = i.current - g;
-      S.style.left = w(y), S.style.right = w(v), d(S, p.clientX);
+    const v = t.markerRef.current, M = r.current;
+    if (v && M) {
+      const f = p.clientX - n.current, y = s.current + f, S = i.current - f;
+      v.style.left = w(y), v.style.right = w(S), d(v, p.clientX);
     }
   }, [t.markerRef, d]), h = F(
-    () => pt(f, ht),
-    [f]
+    () => pt(g, ht),
+    [g]
   ), u = C((p) => {
     p.preventDefault();
-    const S = t.markerRef.current, b = r.current, g = t.schedulantApi.getSchedulantElRef().current;
-    b && g && S && (l(S), m(S, p.clientX), g.removeEventListener("mousemove", h), r.current = !1);
+    const v = t.markerRef.current, M = r.current, f = t.schedulantApi.getSchedulantElRef().current;
+    M && f && v && (l(v), m(v, p.clientX), f.removeEventListener("mousemove", h), r.current = !1);
   }, [h, t.markerRef, t.schedulantApi, l, m]), A = C((p) => {
     p.preventDefault();
-    const S = t.schedulantApi.getSchedulantElRef().current, b = t.markerRef.current;
-    S && b && (r.current = !0, n.current = p.clientX, s.current = oe(b.style.left), i.current = oe(b.style.right), o(b), S.addEventListener("mousemove", h));
+    const v = t.schedulantApi.getSchedulantElRef().current, M = t.markerRef.current;
+    v && M && (r.current = !0, n.current = p.clientX, s.current = oe(M.style.left), i.current = oe(M.style.right), o(M), v.addEventListener("mousemove", h));
   }, [o, h, t.markerRef, t.schedulantApi]);
   return N(() => {
-    const p = t.schedulantApi.getSchedulantElRef().current, S = t.markerRef.current;
-    if (p && S) {
-      const b = S.parentElement?.parentElement;
-      if (b) {
-        const g = (y) => {
-          y.preventDefault(), r.current && !b.contains(y.relatedTarget) && (l(S), m(S, y.clientX), p.removeEventListener("mousemove", h), r.current = !1);
+    const p = t.schedulantApi.getSchedulantElRef().current, v = t.markerRef.current;
+    if (p && v) {
+      const M = v.parentElement?.parentElement;
+      if (M) {
+        const f = (y) => {
+          y.preventDefault(), r.current && !M.contains(y.relatedTarget) && (l(v), m(v, y.clientX), p.removeEventListener("mousemove", h), r.current = !1);
         };
-        return b.addEventListener("mouseup", g), b.addEventListener("mouseout", g), () => {
-          b.removeEventListener("mouseup", g), b.removeEventListener("mouseout", g), p.removeEventListener("mousemove", h), h.cancel();
+        return M.addEventListener("mouseup", f), M.addEventListener("mouseout", f), () => {
+          M.removeEventListener("mouseup", f), M.removeEventListener("mouseout", f), p.removeEventListener("mousemove", h), h.cancel();
         };
       }
     }
   }, [h, t, l, m]), { handleMouseUp: u, handleMouseDown: A };
-}, Nn = (t) => /* @__PURE__ */ a(X, { component: () => /* @__PURE__ */ O(
+}, Ln = (t) => /* @__PURE__ */ a(X, { component: () => /* @__PURE__ */ O(
   "svg",
   {
     className: "flag-icon",
@@ -1805,8 +1802,8 @@ const pt = /* @__PURE__ */ vn(On), In = (t) => {
       )
     ]
   }
-), ...t }), Yn = ae((t) => {
-  const e = k(null), n = k(null), s = t.schedulantApi.isEditable(), i = t.milestoneApi.getStatus(), o = t.schedulantApi.getScheduleView().getTimelineView().calculateLaneHeight(t.milestoneApi.getResourceApi()), l = o * $t * -1, { isPast: c, isFuture: d, isProcess: m } = Ln(e, t.schedulantApi, t.milestoneApi), f = t.milestoneApi.getColor().getOrElse(
+), ...t }), Nn = ae((t) => {
+  const e = k(null), n = k(null), s = t.schedulantApi.isEditable(), i = t.milestoneApi.getStatus(), o = t.schedulantApi.getScheduleView().getTimelineView().calculateLaneHeight(t.milestoneApi.getResourceApi()), l = o * $t * -1, { isPast: c, isFuture: d, isProcess: m } = Pn(e, t.schedulantApi, t.milestoneApi), g = t.milestoneApi.getColor().getOrElse(
     d ? "#1677ff" : m ? i === "Success" ? "#1677ff" : i === "Failure" ? "#f5222d" : "#faad14" : i === "Success" ? "#52c41a" : i === "Failure" ? "#f5222d" : "#faad14"
   ), { handleMouseUp: h, handleMouseDown: u } = yt({
     markerRef: n,
@@ -1829,11 +1826,11 @@ const pt = /* @__PURE__ */ vn(On), In = (t) => {
       menu: {
         items: t.schedulantApi.getMilestoneContextMenuItems(),
         onClick: (A) => {
-          const { key: p, keyPath: S, domEvent: b } = A;
+          const { key: p, keyPath: v, domEvent: M } = A;
           t.schedulantApi.onMilestoneContextMenuClick({
             key: p,
-            keyPath: S,
-            domEvent: b,
+            keyPath: v,
+            domEvent: M,
             isPast: c,
             isFuture: d,
             isProcess: m,
@@ -1846,14 +1843,14 @@ const pt = /* @__PURE__ */ vn(On), In = (t) => {
         "div",
         {
           className: `schedulant-timeline-milestone${m ? " schedulant-milestone-today" : ""}`,
-          style: m ? { "--milestone-glow-color": f } : void 0,
+          style: m ? { "--milestone-glow-color": g } : void 0,
           ref: e,
-          children: /* @__PURE__ */ a("div", { className: "schedulant-milestone-main", children: /* @__PURE__ */ a(Nn, { width: o * ze, height: o * ze, color: f }) })
+          children: /* @__PURE__ */ a("div", { className: "schedulant-milestone-main", children: /* @__PURE__ */ a(Ln, { width: o * He, height: o * He, color: g }) })
         }
       )
     }
   ) });
-}), _n = (t, e, n) => {
+}), Yn = (t, e, n) => {
   const s = n.getTime(), i = s.isBefore(E(), "day"), r = s.isAfter(E(), "day"), o = s.isSame(E(), "day");
   return N(() => {
     const l = t.current;
@@ -1876,7 +1873,7 @@ const pt = /* @__PURE__ */ vn(On), In = (t) => {
         });
       };
   }, [e, n, t, i, r, o]), { isPast: i, isFuture: r, isProcess: o };
-}, Wn = (t) => /* @__PURE__ */ a(X, { component: () => /* @__PURE__ */ O(
+}, _n = (t) => /* @__PURE__ */ a(X, { component: () => /* @__PURE__ */ O(
   "svg",
   {
     className: "droplet-icon",
@@ -1903,12 +1900,12 @@ const pt = /* @__PURE__ */ vn(On), In = (t) => {
       /* @__PURE__ */ a("path", { d: "M 517,116 A 154,154 0 1 1 517,424 A 154,154 0 1 1 517,116 Z", fill: t.color })
     ]
   }
-), ...t }), Hn = ae((t) => {
+), ...t }), Wn = ae((t) => {
   const e = k(null), n = k(null), s = t.schedulantApi.isEditable(), i = t.checkpointApi.getColor().getOrElse("black"), r = t.schedulantApi.getScheduleView().getTimelineView(), o = r.calculateLaneHeight(t.checkpointApi.getResourceApi()), l = r.calculateEventHeight(), c = (o - l) / 2 + 2, {
     isPast: d,
     isFuture: m,
-    isProcess: f
-  } = _n(e, t.schedulantApi, t.checkpointApi), { handleMouseUp: h, handleMouseDown: u } = yt({
+    isProcess: g
+  } = Yn(e, t.schedulantApi, t.checkpointApi), { handleMouseUp: h, handleMouseDown: u } = yt({
     markerRef: n,
     timelineWidth: t.timelineWidth,
     schedulantApi: t.schedulantApi,
@@ -1937,20 +1934,20 @@ const pt = /* @__PURE__ */ vn(On), In = (t) => {
           menu: {
             items: t.schedulantApi.getCheckpointContextMenuItems(),
             onClick: (A) => {
-              const { key: p, keyPath: S, domEvent: b } = A;
+              const { key: p, keyPath: v, domEvent: M } = A;
               t.schedulantApi.onCheckpointContextMenuClick({
                 key: p,
-                keyPath: S,
-                domEvent: b,
+                keyPath: v,
+                domEvent: M,
                 isPast: d,
                 isFuture: m,
-                isProcess: f,
+                isProcess: g,
                 checkpointApi: t.checkpointApi,
                 schedulantApi: t.schedulantApi
               });
             }
           },
-          children: /* @__PURE__ */ a("div", { className: "schedulant-timeline-checkpoint", ref: e, children: /* @__PURE__ */ a("div", { className: "schedulant-checkpoint-main", children: /* @__PURE__ */ a(Wn, { width: l, height: l, color: i }) }) })
+          children: /* @__PURE__ */ a("div", { className: "schedulant-timeline-checkpoint", ref: e, children: /* @__PURE__ */ a("div", { className: "schedulant-checkpoint-main", children: /* @__PURE__ */ a(_n, { width: l, height: l, color: i }) }) })
         }
       )
     }
@@ -1967,15 +1964,12 @@ class J {
   getTimelineApi() {
     return this.schedulantApi.getTimelineApi();
   }
-  renderLane() {
-    return /* @__PURE__ */ a(pn, {});
-  }
   renderEvents(e, n) {
     const s = this.schedulantApi.getTimelineApi(), i = e.getEventApis();
     return /* @__PURE__ */ a("div", { className: "schedulant-timeline-events schedulant-scrollgrid-sync-inner", children: i.filter((r) => !r.getStart().isAfter(s.getEnd()) && !r.getEnd().isBefore(s.getStart())).map((r) => {
       const o = this.calculatePosition(n, r.getStart(), r.getEnd());
       return /* @__PURE__ */ a(
-        Pn,
+        In,
         {
           eventApi: r,
           position: o,
@@ -1992,7 +1986,7 @@ class J {
     return /* @__PURE__ */ a("div", { className: "schedulant-timeline-milestones schedulant-scrollgrid-sync-inner", children: i.filter((r) => (r.getTime().isAfter(s.getStart(), "day") || r.getTime().isSame(s.getStart(), "day")) && r.getTime().isSameOrBefore(s.getEnd(), "day")).map((r) => {
       const o = this.calculatePosition(n, r.getTime(), r.getTime());
       return /* @__PURE__ */ a(
-        Yn,
+        Nn,
         {
           position: o,
           milestoneApi: r,
@@ -2008,7 +2002,7 @@ class J {
     return /* @__PURE__ */ a("div", { className: "schedulant-timeline-checkpoints schedulant-scrollgrid-sync-inner", children: i.filter((r) => (r.getTime().isAfter(s.getStart(), "day") || r.getTime().isSame(s.getStart(), "day")) && r.getTime().isSameOrBefore(s.getEnd(), "day")).map((r) => {
       const o = this.calculatePosition(n, r.getTime(), r.getTime());
       return /* @__PURE__ */ a(
-        Hn,
+        Wn,
         {
           position: o,
           timelineWidth: n,
@@ -2066,7 +2060,7 @@ const ee = (t) => {
     },
     t.date.format("YYYY-MM-DD")
   );
-}), Vn = (t, e, n, s, i) => {
+}), Hn = (t, e, n, s, i) => {
   const r = n.isBefore(E(), "day"), o = n.isAfter(E(), "day"), l = n.isSame(E(), "day");
   N(() => {
     const c = t.current;
@@ -2097,7 +2091,7 @@ const ee = (t) => {
   }, [n, o, r, l, s, e, i, t]);
 }, B = (t) => {
   const e = k(null);
-  return Vn(e, t.schedulantApi, t.date, t.level, t.timeText), /* @__PURE__ */ a(
+  return Hn(e, t.schedulantApi, t.date, t.level, t.timeText), /* @__PURE__ */ a(
     "th",
     {
       ref: e,
@@ -2116,7 +2110,7 @@ const ee = (t) => {
     t.date.format("YYYY-MM-DD")
   );
 };
-class Fn extends J {
+class Vn extends J {
   renderColgroup() {
     const e = this.getSchedulantApi(), s = this.getTimelineApi().getDays(), i = e.getSlotMinWidth();
     return /* @__PURE__ */ a(ee, { dates: s, minWidth: i });
@@ -2199,7 +2193,7 @@ class Fn extends J {
     return { left: o, right: l };
   }
 }
-class Bn extends J {
+class Fn extends J {
   getTotalSlots() {
     return this.getTimelineApi().getMonths().length;
   }
@@ -2252,11 +2246,11 @@ class Bn extends J {
     ] });
   }
   calculatePosition(e, n, s) {
-    const i = this.getTimelineApi(), r = i.getMonths(), o = e / r.length, l = n.isBefore(i.getStart()) ? i.getStart() : n, c = s.isAfter(i.getEnd()) ? i.getEnd() : s, d = l.date() - 1, m = o / l.daysInMonth(), f = i.getMonthPosition(l) * o, h = n.isSameOrBefore(i.getStart(), "day") ? f : f + d * m, u = c.daysInMonth() - c.date(), A = o / c.daysInMonth(), p = (i.getMonthPosition(c) + 1) * o * -1, S = s.isBefore(i.getEnd(), "day") ? p + u * A : p;
-    return { left: h, right: S };
+    const i = this.getTimelineApi(), r = i.getMonths(), o = e / r.length, l = n.isBefore(i.getStart()) ? i.getStart() : n, c = s.isAfter(i.getEnd()) ? i.getEnd() : s, d = l.date() - 1, m = o / l.daysInMonth(), g = i.getMonthPosition(l) * o, h = n.isSameOrBefore(i.getStart(), "day") ? g : g + d * m, u = c.daysInMonth() - c.date(), A = o / c.daysInMonth(), p = (i.getMonthPosition(c) + 1) * o * -1, v = s.isBefore(i.getEnd(), "day") ? p + u * A : p;
+    return { left: h, right: v };
   }
 }
-class qn extends J {
+class Bn extends J {
   getTotalSlots() {
     return this.getTimelineApi().getQuarters().length;
   }
@@ -2309,11 +2303,11 @@ class qn extends J {
     ] });
   }
   calculatePosition(e, n, s) {
-    const i = this.getTimelineApi(), r = i.getQuarters(), o = e / r.length, l = n.isBefore(i.getStart()) ? i.getStart() : n, c = s.isAfter(i.getEnd()) ? i.getEnd() : s, d = l.endOf("quarter").diff(l.startOf("quarter"), "day") + 1, m = n.diff(l.startOf("quarter"), "day"), f = o / d, h = m * f, u = i.getQuarterPosition(l) * o, A = n.isSameOrBefore(i.getStart(), "day") ? u : u + h, p = c.endOf("quarter").diff(c.startOf("quarter"), "day") + 1, S = c.endOf("quarter").diff(c, "day"), b = o / p, g = S * b, y = (i.getQuarterPosition(c) + 1) * o * -1, v = s.isBefore(i.getEnd(), "day") ? y + g : y;
-    return { left: A, right: v };
+    const i = this.getTimelineApi(), r = i.getQuarters(), o = e / r.length, l = n.isBefore(i.getStart()) ? i.getStart() : n, c = s.isAfter(i.getEnd()) ? i.getEnd() : s, d = l.endOf("quarter").diff(l.startOf("quarter"), "day") + 1, m = n.diff(l.startOf("quarter"), "day"), g = o / d, h = m * g, u = i.getQuarterPosition(l) * o, A = n.isSameOrBefore(i.getStart(), "day") ? u : u + h, p = c.endOf("quarter").diff(c.startOf("quarter"), "day") + 1, v = c.endOf("quarter").diff(c, "day"), M = o / p, f = v * M, y = (i.getQuarterPosition(c) + 1) * o * -1, S = s.isBefore(i.getEnd(), "day") ? y + f : y;
+    return { left: A, right: S };
   }
 }
-class Un extends J {
+class qn extends J {
   getTotalSlots() {
     return this.getTimelineApi().getWeeks().length;
   }
@@ -2351,11 +2345,11 @@ class Un extends J {
     )) }) });
   }
   calculatePosition(e, n, s) {
-    const i = this.getTimelineApi(), r = i.getWeeks(), o = e / r.length, l = n.isBefore(i.getStart()) ? i.getStart() : n, c = s.isAfter(i.getEnd()) ? i.getEnd() : s, d = o / 7, m = l.day(), f = i.getWeekPosition(l) * o, h = n.isSameOrBefore(i.getStart(), "day") ? f : f + m * d, u = 6 - c.day(), A = (i.getWeekPosition(c) + 1) * o * -1, p = s.isBefore(i.getEnd(), "day") ? A + u * d : A;
+    const i = this.getTimelineApi(), r = i.getWeeks(), o = e / r.length, l = n.isBefore(i.getStart()) ? i.getStart() : n, c = s.isAfter(i.getEnd()) ? i.getEnd() : s, d = o / 7, m = l.day(), g = i.getWeekPosition(l) * o, h = n.isSameOrBefore(i.getStart(), "day") ? g : g + m * d, u = 6 - c.day(), A = (i.getWeekPosition(c) + 1) * o * -1, p = s.isBefore(i.getEnd(), "day") ? A + u * d : A;
     return { left: h, right: p };
   }
 }
-class jn extends J {
+class Un extends J {
   getTotalSlots() {
     return this.getTimelineApi().getYears().length;
   }
@@ -2393,30 +2387,30 @@ class jn extends J {
     )) }) });
   }
   calculatePosition(e, n, s) {
-    const i = this.getTimelineApi(), r = i.getYears(), o = e / r.length, l = n.isBefore(i.getStart()) ? i.getStart() : n, c = s.isAfter(i.getEnd()) ? i.getEnd() : s, d = l.endOf("year").diff(l.startOf("year"), "day") + 1, m = l.diff(l.startOf("year"), "day"), f = o / d, h = m * f, u = i.getYearPosition(l) * o, A = n.isSameOrBefore(i.getStart(), "day") ? u : u + h, p = c.endOf("year").diff(c.startOf("year"), "day") + 1, S = c.endOf("year").diff(c, "day"), b = o / p, g = S * b, y = (i.getYearPosition(c) + 1) * o * -1, v = s.isBefore(i.getEnd(), "day") ? y + g : y;
-    return { left: A, right: v };
+    const i = this.getTimelineApi(), r = i.getYears(), o = e / r.length, l = n.isBefore(i.getStart()) ? i.getStart() : n, c = s.isAfter(i.getEnd()) ? i.getEnd() : s, d = l.endOf("year").diff(l.startOf("year"), "day") + 1, m = l.diff(l.startOf("year"), "day"), g = o / d, h = m * g, u = i.getYearPosition(l) * o, A = n.isSameOrBefore(i.getStart(), "day") ? u : u + h, p = c.endOf("year").diff(c.startOf("year"), "day") + 1, v = c.endOf("year").diff(c, "day"), M = o / p, f = v * M, y = (i.getYearPosition(c) + 1) * o * -1, S = s.isBefore(i.getEnd(), "day") ? y + f : y;
+    return { left: A, right: S };
   }
 }
-class $n {
+class jn {
   schedulantApi;
   timelineView;
   schedulantElRef;
   constructor(e, n) {
     switch (this.schedulantElRef = n, this.schedulantApi = new rn(this, e), this.schedulantApi.getSchedulantViewType()) {
       case "Day":
-        this.timelineView = new Fn(this.schedulantApi);
+        this.timelineView = new Vn(this.schedulantApi);
         break;
       case "Week":
-        this.timelineView = new Un(this.schedulantApi);
+        this.timelineView = new qn(this.schedulantApi);
         break;
       case "Month":
-        this.timelineView = new Bn(this.schedulantApi);
+        this.timelineView = new Fn(this.schedulantApi);
         break;
       case "Quarter":
-        this.timelineView = new qn(this.schedulantApi);
+        this.timelineView = new Bn(this.schedulantApi);
         break;
       case "Year":
-        this.timelineView = new jn(this.schedulantApi);
+        this.timelineView = new Un(this.schedulantApi);
         break;
     }
   }
@@ -2436,10 +2430,8 @@ class $n {
         "td",
         {
           "data-resource-id": c.getId(),
-          className: "schedulant-timeline-lane schedulant-resource",
-          children: /* @__PURE__ */ O("div", { className: "schedulant-timeline-lane-frame", style: { height: d }, children: [
-            this.timelineView.renderLane(),
-            /* @__PURE__ */ a("div", { className: "schedulant-timeline-lane-bg" }),
+          className: "schedulant-resource",
+          children: /* @__PURE__ */ O("div", { className: "schedulant-timeline-lane", style: { height: d }, children: [
             this.timelineView.renderEvents(c, i),
             this.timelineView.renderMilestones(c, i),
             this.timelineView.renderCheckpoints(c, i)
@@ -2498,14 +2490,14 @@ class $n {
         },
         u.field
       );
-    }), m = n.length > 0 ? n[0].start : 0, f = n.length > 0 ? s - n[n.length - 1].end : 0;
+    }), m = n.length > 0 ? n[0].start : 0, g = n.length > 0 ? s - n[n.length - 1].end : 0;
     return /* @__PURE__ */ O("tbody", { children: [
       m > 0 && /* @__PURE__ */ a("tr", { children: /* @__PURE__ */ a("td", { colSpan: c.length, style: { height: m, padding: 0, border: "none" } }) }),
       n.map((h) => {
         const u = e[h.index];
         return /* @__PURE__ */ a("tr", { role: "row", children: d(u) }, u.getId());
       }),
-      f > 0 && /* @__PURE__ */ a("tr", { children: /* @__PURE__ */ a("td", { colSpan: c.length, style: { height: f, padding: 0, border: "none" } }) })
+      g > 0 && /* @__PURE__ */ a("tr", { children: /* @__PURE__ */ a("td", { colSpan: c.length, style: { height: g, padding: 0, border: "none" } }) })
     ] });
   }
   getTimelineView() {
@@ -2518,21 +2510,21 @@ class $n {
     return this.schedulantElRef;
   }
 }
-const Gn = (t) => {
+const $n = (t) => {
   const { schedulantView: e, cellResizerMouseUp: n, cellResizerMouseDownFunc: s } = t;
   return /* @__PURE__ */ O("table", { role: "presentation", className: "schedulant-datagrid-head schedulant-scrollgrid-sync-table", children: [
     e.renderResourceTableColgroup(),
     e.renderResourceLabel(n, s)
   ] });
-}, Xn = (t) => /* @__PURE__ */ O("table", { "aria-hidden": !0, className: "schedulant-scrollgrid-sync-table", children: [
+}, Gn = (t) => /* @__PURE__ */ O("table", { "aria-hidden": !0, className: "schedulant-scrollgrid-sync-table", children: [
   t.schedulantView.renderTimelineTableColgroup(),
   t.schedulantView.renderTimelineHeaderTableSlots()
 ] });
-function Qn(t, e) {
+function Xn(t, e) {
   const n = t - e.top, s = e.height;
   return n < s * Gt ? "before" : n > s * Xt ? "after" : "child";
 }
-function Kn(t, e) {
+function Qn(t, e) {
   let n = e;
   for (; n; ) {
     if (n.getId() === t) return !0;
@@ -2541,49 +2533,49 @@ function Kn(t, e) {
   }
   return !1;
 }
-const Zn = (t, e) => {
+const Kn = (t, e) => {
   const [n, s] = re({
     activeId: null,
     overId: null,
     dropPosition: null
   }), i = k(null), r = k(null), o = k(
-    new Map(t.map((f) => [f.getId(), f]))
+    new Map(t.map((g) => [g.getId(), g]))
   );
-  o.current = new Map(t.map((f) => [f.getId(), f]));
-  const l = C((f) => {
-    i.current = null, r.current = null, un(String(f.active.id)), s({
-      activeId: f.active.id,
+  o.current = new Map(t.map((g) => [g.getId(), g]));
+  const l = C((g) => {
+    i.current = null, r.current = null, un(String(g.active.id)), s({
+      activeId: g.active.id,
       overId: null,
       dropPosition: null
     });
-  }, []), c = C((f) => {
-    const { active: h, over: u, activatorEvent: A, delta: p } = f;
+  }, []), c = C((g) => {
+    const { active: h, over: u, activatorEvent: A, delta: p } = g;
     if (!u || h.id === u.id) {
       r.current !== null && (r.current = null, i.current = null, s((y) => ({ ...y, overId: null, dropPosition: null })));
       return;
     }
-    const S = o.current.get(String(u.id));
-    if (!S || Kn(String(h.id), S)) {
+    const v = o.current.get(String(u.id));
+    if (!v || Qn(String(h.id), v)) {
       r.current !== null && (r.current = null, i.current = null, s((y) => ({ ...y, overId: null, dropPosition: null })));
       return;
     }
-    const b = A.clientY + p.y, g = Qn(b, {
+    const M = A.clientY + p.y, f = Xn(M, {
       top: u.rect.top,
       height: u.rect.height
     });
-    (r.current !== u.id || i.current !== g) && (r.current = u.id, i.current = g, s((y) => ({
+    (r.current !== u.id || i.current !== f) && (r.current = u.id, i.current = f, s((y) => ({
       ...y,
       overId: u.id,
-      dropPosition: g
+      dropPosition: f
     })));
-  }, []), d = C((f) => {
-    const { active: h, over: u } = f, A = i.current, p = r.current;
+  }, []), d = C((g) => {
+    const { active: h, over: u } = g, A = i.current, p = r.current;
     if (u && h.id !== u.id && A && p) {
-      const S = document.querySelector(
+      const v = document.querySelector(
         `[data-resource-id="${String(p)}"]`
       );
       e(
-        S || document.body,
+        v || document.body,
         String(h.id),
         String(p),
         A
@@ -2600,40 +2592,40 @@ const Zn = (t, e) => {
     handleDragEnd: d,
     handleDragCancel: m
   };
-}, Jn = ({ transform: t, activatorEvent: e }) => e ? {
+}, Zn = ({ transform: t, activatorEvent: e }) => e ? {
   ...t,
   x: t.x + 20,
   y: t.y + 20
-} : t, es = (t) => {
-  const { schedulantView: e, virtualizer: n, visibleResources: s, collapseIds: i, cellResizerMouseUp: r, cellResizerMouseDownFunc: o } = t, l = e.getScheduleApi(), c = l.getFlatMapResourceApis(), d = C(async (M, D, T, I) => {
-    const P = c.find((z) => z.getId() === D), Y = c.find((z) => z.getId() === T);
+} : t, Jn = (t) => {
+  const { schedulantView: e, virtualizer: n, visibleResources: s, collapseIds: i, cellResizerMouseUp: r, cellResizerMouseDownFunc: o } = t, l = e.getScheduleApi(), c = l.getFlatMapResourceApis(), d = C(async (b, D, T, I) => {
+    const P = c.find((H) => H.getId() === D), Y = c.find((H) => H.getId() === T);
     if (P && Y) {
-      const z = P.getParent();
+      const H = P.getParent();
       l.resourceLaneMove({
-        el: M,
+        el: b,
         schedulantApi: l,
         draggedResourceApi: P,
         targetResourceApi: Y,
         position: I,
-        oldParentResourceApi: z.isDefined() ? z.get() : void 0
+        oldParentResourceApi: H.isDefined() ? H.get() : void 0
       });
     }
-  }, [l, c]), { dragState: m, handleDragStart: f, handleDragMove: h, handleDragEnd: u, handleDragCancel: A } = Zn(c, d), p = Nt(
+  }, [l, c]), { dragState: m, handleDragStart: g, handleDragMove: h, handleDragEnd: u, handleDragCancel: A } = Kn(c, d), p = Nt(
     _e(Yt, { activationConstraint: { delay: 300, tolerance: 5 } }),
     _e(_t)
-  ), S = s.map((M) => M.getId()), b = l.isEditable(), g = n.getVirtualItems(), y = n.getTotalSize(), v = F(() => m.activeId ? c.find((M) => M.getId() === String(m.activeId)) ?? null : null, [m.activeId, c]);
+  ), v = s.map((b) => b.getId()), M = l.isEditable(), f = n.getVirtualItems(), y = n.getTotalSize(), S = F(() => m.activeId ? c.find((b) => b.getId() === String(m.activeId)) ?? null : null, [m.activeId, c]);
   return /* @__PURE__ */ O(
     Wt,
     {
       sensors: p,
-      collisionDetection: Ht,
+      collisionDetection: zt,
       modifiers: [Vt],
-      onDragStart: f,
+      onDragStart: g,
       onDragMove: h,
       onDragEnd: u,
       onDragCancel: A,
       children: [
-        /* @__PURE__ */ a(Pt, { items: S, strategy: Lt, children: /* @__PURE__ */ O(
+        /* @__PURE__ */ a(Pt, { items: v, strategy: Lt, children: /* @__PURE__ */ O(
           "table",
           {
             role: "presentation",
@@ -2641,48 +2633,39 @@ const Zn = (t, e) => {
             className: "schedulant-datagrid-body schedulant-scrollgrid-sync-table",
             children: [
               e.renderResourceTableColgroup(),
-              e.renderResourceLane(s, g, y, i, r, o, {
-                isDraggable: b,
+              e.renderResourceLane(s, f, y, i, r, o, {
+                isDraggable: M,
                 dragState: m
               })
             ]
           }
         ) }),
-        /* @__PURE__ */ a(zt, { dropAnimation: null, modifiers: [Jn], children: v ? /* @__PURE__ */ a("div", { className: "schedulant-drag-overlay", children: v.getTitle() }) : null })
+        /* @__PURE__ */ a(Ht, { dropAnimation: null, modifiers: [Zn], children: S ? /* @__PURE__ */ a("div", { className: "schedulant-drag-overlay", children: S.getTitle() }) : null })
       ]
     }
   );
-}, ts = (t) => /* @__PURE__ */ a("div", { id: "schedulant-timeline-slots", className: "schedulant-timeline-slots", children: /* @__PURE__ */ O("table", { "aria-hidden": !0, children: [
+}, es = (t) => /* @__PURE__ */ a("div", { id: "schedulant-timeline-slots", className: "schedulant-timeline-slots", children: /* @__PURE__ */ O("table", { "aria-hidden": !0, children: [
   t.schedulantView.renderTimelineTableColgroup(),
   t.schedulantView.renderTimelineBodyTableSlots()
-] }) }), ns = () => {
-  const t = C(() => {
-    const l = document.getElementsByClassName("schedulant-timeline-head").item(0).getElementsByTagName("table").item(0)?.offsetWidth;
-    return l || 0;
-  }, []), [e, n] = re(0), { state: s } = Te();
+] }) }), ts = () => {
+  const [t, e] = re(0), { state: n } = Te();
   return Et(() => {
-    const i = () => {
-      const d = t();
-      n(d);
+    const r = document.getElementsByClassName("schedulant-timeline-head").item(0)?.getElementsByTagName("table").item(0);
+    if (!r) return;
+    const o = () => {
+      const c = r.offsetWidth;
+      e((d) => d !== c ? c : d);
     };
-    i();
-    const r = () => i();
-    window.addEventListener("resize", r);
-    const l = document.getElementsByClassName("schedulant-timeline-head").item(0);
-    let c = null;
-    return l && (c = new MutationObserver(() => {
-      requestAnimationFrame(i);
-    }), c.observe(l, {
-      childList: !0,
-      subtree: !0,
-      attributes: !0,
-      attributeFilter: ["style", "class"]
-    })), () => {
-      window.removeEventListener("resize", r), c?.disconnect();
+    o();
+    const l = new ResizeObserver(() => {
+      o();
+    });
+    return l.observe(r), window.addEventListener("resize", o), () => {
+      l.disconnect(), window.removeEventListener("resize", o);
     };
-  }, [t, s.resourceAreaWidth]), e;
-}, ss = (t) => {
-  const e = ns(), n = t.virtualizer.getVirtualItems(), s = t.virtualizer.getTotalSize();
+  }, [n.resourceAreaWidth]), t;
+}, ns = (t) => {
+  const e = ts(), n = t.virtualizer.getVirtualItems(), s = t.virtualizer.getTotalSize();
   return /* @__PURE__ */ a(
     "table",
     {
@@ -2692,7 +2675,7 @@ const Zn = (t, e) => {
       children: t.schedulantView.renderTimelineDrawingBoardTable(t.visibleResources, n, s, e)
     }
   );
-}, is = (t, e) => {
+}, ss = (t, e) => {
   N(() => {
     const n = t.current, s = e.getScheduleApi();
     if (n)
@@ -2713,25 +2696,25 @@ function $(t, e, n) {
     var l, c, d;
     let m;
     n.key && ((l = n.debug) != null && l.call(n)) && (m = Date.now());
-    const f = t();
-    if (!(f.length !== s.length || f.some((A, p) => s[p] !== A)))
+    const g = t();
+    if (!(g.length !== s.length || g.some((A, p) => s[p] !== A)))
       return i;
-    s = f;
+    s = g;
     let u;
-    if (n.key && ((c = n.debug) != null && c.call(n)) && (u = Date.now()), i = e(...f), n.key && ((d = n.debug) != null && d.call(n))) {
-      const A = Math.round((Date.now() - m) * 100) / 100, p = Math.round((Date.now() - u) * 100) / 100, S = p / 16, b = (g, y) => {
-        for (g = String(g); g.length < y; )
-          g = " " + g;
-        return g;
+    if (n.key && ((c = n.debug) != null && c.call(n)) && (u = Date.now()), i = e(...g), n.key && ((d = n.debug) != null && d.call(n))) {
+      const A = Math.round((Date.now() - m) * 100) / 100, p = Math.round((Date.now() - u) * 100) / 100, v = p / 16, M = (f, y) => {
+        for (f = String(f); f.length < y; )
+          f = " " + f;
+        return f;
       };
       console.info(
-        `%c⏱ ${b(p, 5)} /${b(A, 5)} ms`,
+        `%c⏱ ${M(p, 5)} /${M(A, 5)} ms`,
         `
             font-size: .6rem;
             font-weight: bold;
             color: hsl(${Math.max(
           0,
-          Math.min(120 - 120 * S, 120)
+          Math.min(120 - 120 * v, 120)
         )}deg 100% 31%);`,
         n?.key
       );
@@ -2747,7 +2730,7 @@ function rt(t, e) {
     throw new Error("Unexpected undefined");
   return t;
 }
-const rs = (t, e) => Math.abs(t - e) < 1.01, os = (t, e, n) => {
+const is = (t, e) => Math.abs(t - e) < 1.01, rs = (t, e, n) => {
   let s;
   return function(...i) {
     t.clearTimeout(s), s = t.setTimeout(() => e.apply(this, i), n);
@@ -2755,12 +2738,12 @@ const rs = (t, e) => Math.abs(t - e) < 1.01, os = (t, e, n) => {
 }, ot = (t) => {
   const { offsetWidth: e, offsetHeight: n } = t;
   return { width: e, height: n };
-}, ls = (t) => t, as = (t) => {
+}, os = (t) => t, ls = (t) => {
   const e = Math.max(t.startIndex - t.overscan, 0), n = Math.min(t.endIndex + t.overscan, t.count - 1), s = [];
   for (let i = e; i <= n; i++)
     s.push(i);
   return s;
-}, cs = (t, e) => {
+}, as = (t, e) => {
   const n = t.scrollElement;
   if (!n)
     return;
@@ -2793,7 +2776,7 @@ const rs = (t, e) => Math.abs(t - e) < 1.01, os = (t, e, n) => {
   };
 }, lt = {
   passive: !0
-}, at = typeof window > "u" ? !0 : "onscrollend" in window, ds = (t, e) => {
+}, at = typeof window > "u" ? !0 : "onscrollend" in window, cs = (t, e) => {
   const n = t.scrollElement;
   if (!n)
     return;
@@ -2802,22 +2785,22 @@ const rs = (t, e) => Math.abs(t - e) < 1.01, os = (t, e, n) => {
     return;
   let i = 0;
   const r = t.options.useScrollendEvent && at ? () => {
-  } : os(
+  } : rs(
     s,
     () => {
       e(i, !1);
     },
     t.options.isScrollingResetDelay
   ), o = (m) => () => {
-    const { horizontal: f, isRtl: h } = t.options;
-    i = f ? n.scrollLeft * (h && -1 || 1) : n.scrollTop, r(), e(i, m);
+    const { horizontal: g, isRtl: h } = t.options;
+    i = g ? n.scrollLeft * (h && -1 || 1) : n.scrollTop, r(), e(i, m);
   }, l = o(!0), c = o(!1);
   n.addEventListener("scroll", l, lt);
   const d = t.options.useScrollendEvent && at;
   return d && n.addEventListener("scrollend", c, lt), () => {
     n.removeEventListener("scroll", l), d && n.removeEventListener("scrollend", c);
   };
-}, us = (t, e, n) => {
+}, ds = (t, e, n) => {
   if (e?.borderBoxSize) {
     const s = e.borderBoxSize[0];
     if (s)
@@ -2826,7 +2809,7 @@ const rs = (t, e) => Math.abs(t - e) < 1.01, os = (t, e, n) => {
       );
   }
   return t[n.options.horizontal ? "offsetWidth" : "offsetHeight"];
-}, hs = (t, {
+}, us = (t, {
   adjustments: e = 0,
   behavior: n
 }, s) => {
@@ -2837,7 +2820,7 @@ const rs = (t, e) => Math.abs(t - e) < 1.01, os = (t, e, n) => {
     behavior: n
   });
 };
-class ms {
+class hs {
   constructor(e) {
     this.unsubs = [], this.scrollElement = null, this.targetWindow = null, this.isScrolling = !1, this.scrollState = null, this.measurementsCache = [], this.itemSizeCache = /* @__PURE__ */ new Map(), this.laneAssignments = /* @__PURE__ */ new Map(), this.pendingMeasuredCacheIndexes = [], this.prevLanes = void 0, this.lanesChangedFlag = !1, this.lanesSettling = !1, this.scrollRect = null, this.scrollOffset = null, this.scrollDirection = null, this.scrollAdjustments = 0, this.elementsCache = /* @__PURE__ */ new Map(), this.now = () => {
       var n, s, i;
@@ -2878,11 +2861,11 @@ class ms {
         scrollPaddingStart: 0,
         scrollPaddingEnd: 0,
         horizontal: !1,
-        getItemKey: ls,
-        rangeExtractor: as,
+        getItemKey: os,
+        rangeExtractor: ls,
         onChange: () => {
         },
-        measureElement: us,
+        measureElement: ds,
         initialRect: { width: 0, height: 0 },
         scrollMargin: 0,
         gap: 0,
@@ -2990,33 +2973,33 @@ class ms {
         }));
         const d = this.lanesSettling ? 0 : this.pendingMeasuredCacheIndexes.length > 0 ? Math.min(...this.pendingMeasuredCacheIndexes) : 0;
         this.pendingMeasuredCacheIndexes = [], this.lanesSettling && this.measurementsCache.length === n && (this.lanesSettling = !1);
-        const m = this.measurementsCache.slice(0, d), f = new Array(l).fill(
+        const m = this.measurementsCache.slice(0, d), g = new Array(l).fill(
           void 0
         );
         for (let h = 0; h < d; h++) {
           const u = m[h];
-          u && (f[u.lane] = h);
+          u && (g[u.lane] = h);
         }
         for (let h = d; h < n; h++) {
           const u = r(h), A = this.laneAssignments.get(h);
-          let p, S;
+          let p, v;
           if (A !== void 0 && this.options.lanes > 1) {
             p = A;
-            const v = f[p], M = v !== void 0 ? m[v] : void 0;
-            S = M ? M.end + this.options.gap : s + i;
+            const S = g[p], b = S !== void 0 ? m[S] : void 0;
+            v = b ? b.end + this.options.gap : s + i;
           } else {
-            const v = this.options.lanes === 1 ? m[h - 1] : this.getFurthestMeasurement(m, h);
-            S = v ? v.end + this.options.gap : s + i, p = v ? v.lane : h % this.options.lanes, this.options.lanes > 1 && this.laneAssignments.set(h, p);
+            const S = this.options.lanes === 1 ? m[h - 1] : this.getFurthestMeasurement(m, h);
+            v = S ? S.end + this.options.gap : s + i, p = S ? S.lane : h % this.options.lanes, this.options.lanes > 1 && this.laneAssignments.set(h, p);
           }
-          const b = c.get(u), g = typeof b == "number" ? b : this.options.estimateSize(h), y = S + g;
+          const M = c.get(u), f = typeof M == "number" ? M : this.options.estimateSize(h), y = v + f;
           m[h] = {
             index: h,
-            start: S,
-            size: g,
+            start: v,
+            size: f,
             end: y,
             key: u,
             lane: p
-          }, f[p] = h;
+          }, g[p] = h;
         }
         return this.measurementsCache = m, m;
       },
@@ -3031,7 +3014,7 @@ class ms {
         this.getScrollOffset(),
         this.options.lanes
       ],
-      (n, s, i, r) => this.range = n.length > 0 && s > 0 ? gs({
+      (n, s, i, r) => this.range = n.length > 0 && s > 0 ? ms({
         measurements: n,
         outerSize: s,
         scrollOffset: i,
@@ -3252,7 +3235,7 @@ class ms {
       return;
     }
     const s = this.scrollState.index != null ? this.getOffsetForIndex(this.scrollState.index, this.scrollState.align) : void 0, i = s ? s[0] : this.scrollState.lastTargetOffset, r = 1, o = i !== this.scrollState.lastTargetOffset;
-    if (!o && rs(i, this.getScrollOffset())) {
+    if (!o && is(i, this.getScrollOffset())) {
       if (this.scrollState.stableFrames++, this.scrollState.stableFrames >= r) {
         this.scrollState = null;
         return;
@@ -3277,7 +3260,7 @@ const vt = (t, e, n, s) => {
   }
   return t > 0 ? t - 1 : 0;
 };
-function gs({
+function ms({
   measurements: t,
   outerSize: e,
   scrollOffset: n,
@@ -3314,7 +3297,7 @@ function gs({
   return { startIndex: o, endIndex: l };
 }
 const ct = typeof document < "u" ? ie.useLayoutEffect : ie.useEffect;
-function fs({
+function gs({
   useFlushSync: t = !0,
   ...e
 }) {
@@ -3325,79 +3308,79 @@ function fs({
       t && o ? Ft(n) : n(), (l = e.onChange) == null || l.call(e, r, o);
     }
   }, [i] = ie.useState(
-    () => new ms(s)
+    () => new hs(s)
   );
   return i.setOptions(s), ct(() => i._didMount(), []), ct(() => i._willUpdate()), i;
 }
-function ps(t) {
-  return fs({
-    observeElementRect: cs,
-    observeElementOffset: ds,
-    scrollToFn: hs,
+function fs(t) {
+  return gs({
+    observeElementRect: as,
+    observeElementOffset: cs,
+    scrollToFn: us,
     ...t
   });
 }
-function ys(t, e) {
+function ps(t, e) {
   const n = [], s = (i) => {
     n.push(i), !e.some((o) => o === i.getId()) && i.getChildren().length > 0 && i.getChildren().forEach((o) => s(o));
   };
   return t.forEach((i) => s(i)), n;
 }
-const vs = (t, e, n, s) => {
+const ys = (t, e, n, s) => {
   const i = F(
-    () => ys(e, n),
+    () => ps(e, n),
     [e, n]
   ), r = C(() => s, [s]);
-  return { virtualizer: ps({
+  return { virtualizer: fs({
     count: i.length,
     getScrollElement: () => t.current,
     estimateSize: r,
     overscan: 5
   }), visibleResources: i };
-}, Ls = (t) => /* @__PURE__ */ a(Ut, { children: /* @__PURE__ */ a(Ss, { ...t }) }), Ss = (t) => {
+}, Ps = (t) => /* @__PURE__ */ a(Ut, { children: /* @__PURE__ */ a(vs, { ...t }) }), vs = (t) => {
   const { state: e, dispatch: n } = Te(), s = k(null), i = k(null), r = k(null), o = k(null), l = k(null), c = k(null), {
     start: d,
     end: m,
-    editable: f,
+    editable: g,
     selectable: h,
     lineHeight: u,
     slotMinWidth: A,
     schedulantMaxHeight: p,
-    schedulantViewType: S,
-    events: b,
-    resources: g,
+    schedulantViewType: v,
+    events: M,
+    resources: f,
     milestones: y,
-    checkpoints: v,
-    resourceAreaColumns: M,
+    checkpoints: S,
+    resourceAreaColumns: b,
     resourceAreaWidth: D,
     companyHolidays: T,
     specialWorkdays: I,
     nationalHolidays: P,
     dragHintColor: Y,
-    selectionColor: z
+    selectionColor: H
   } = t, _ = F(
-    () => new $n(t, s),
+    () => new jn(t, s),
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [
       d,
       m,
-      f,
+      g,
       h,
       u,
       A,
       p,
-      S,
-      b,
-      g,
-      y,
       v,
       M,
+      f,
+      y,
+      S,
+      b,
       D,
       T,
       I,
       P,
       Y,
-      z
+      H
     ]
   ), R = F(() => _.getScheduleApi(), [_]);
   R.updateProps(t);
@@ -3409,13 +3392,13 @@ const vs = (t, e, n, s) => {
     datagridResizerMouseDown: Q,
     datagridCellResizerMouseUp: Oe,
     datagridCellResizerMouseDownFunc: Ie
-  } = ln(n, s, c), { virtualizer: Pe, visibleResources: ne } = vs(
+  } = ln(n, s, c), { virtualizer: Pe, visibleResources: ne } = ys(
     o,
     R.getResourceApis(),
     e.collapseIds,
     R.getLineHeight()
   );
-  Kt(t.schedulantMaxHeight), is(s, _), Jt(c, t.resourceAreaWidth), Zt(l, o, i, r);
+  Kt(t.schedulantMaxHeight), ss(s, _), Jt(c, t.resourceAreaWidth), Zt(l, o, i, r);
   const ce = k(R.onResourceSelect());
   ce.current = R.onResourceSelect();
   const Le = C((U) => {
@@ -3444,7 +3427,7 @@ const vs = (t, e, n, s) => {
         className: "schedulant-scrollgrid-section schedulant-scrollgrid-section-head",
         children: [
           /* @__PURE__ */ a("th", { role: "presentation", children: /* @__PURE__ */ a("div", { className: "schedulant-scroller-harness", children: /* @__PURE__ */ a("div", { className: "schedulant-scroller-head-left", ref: i, children: /* @__PURE__ */ a(
-            Gn,
+            $n,
             {
               schedulantView: _,
               cellResizerMouseUp: Oe,
@@ -3465,7 +3448,7 @@ const vs = (t, e, n, s) => {
             {
               id: "schedulant-timeline-head",
               className: "schedulant-timeline-head",
-              children: /* @__PURE__ */ a(Xn, { schedulantView: _ })
+              children: /* @__PURE__ */ a(Gn, { schedulantView: _ })
             }
           ) }) }) })
         ]
@@ -3478,7 +3461,7 @@ const vs = (t, e, n, s) => {
         className: "schedulant-scrollgrid-section schedulant-scrollgrid-section-body",
         children: [
           /* @__PURE__ */ a("td", { role: "presentation", children: /* @__PURE__ */ a("div", { className: "schedulant-scroller-harness", children: /* @__PURE__ */ a("div", { className: "schedulant-scroller-body-left", ref: l, children: /* @__PURE__ */ a(
-            es,
+            Jn,
             {
               schedulantView: _,
               virtualizer: Pe,
@@ -3498,9 +3481,9 @@ const vs = (t, e, n, s) => {
             }
           ),
           /* @__PURE__ */ a("td", { role: "presentation", children: /* @__PURE__ */ a("div", { className: "schedulant-scroller-harness", children: /* @__PURE__ */ a("div", { className: "schedulant-scroller-body-right", ref: o, children: /* @__PURE__ */ O("div", { className: "schedulant-timeline-body", children: [
-            /* @__PURE__ */ a(ts, { schedulantView: _ }),
+            /* @__PURE__ */ a(es, { schedulantView: _ }),
             /* @__PURE__ */ a(
-              ss,
+              ns,
               {
                 schedulantView: _,
                 virtualizer: Pe,
@@ -3514,5 +3497,5 @@ const vs = (t, e, n, s) => {
   ] }) }) }) });
 };
 export {
-  Ls as Schedulant
+  Ps as Schedulant
 };