schedulant 2.0.7-fixed.6 → 2.0.9

package/dist/schedulant.js

@@ -1,25 +1,25 @@
-import { jsx as a, Fragment as Mt, jsxs as O } from "react/jsx-runtime";
+import { jsx as a, Fragment as At, jsxs as O } from "react/jsx-runtime";
 import * as ie from "react";
-import { createContext as wt, useReducer as Et, useEffect as L, useContext as Ct, useRef as k, useCallback as C, useState as re, useMemo as F, memo as ae, useLayoutEffect as Tt } 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 E from "dayjs";
-import Dt from "dayjs/plugin/weekYear";
-import Rt from "dayjs/plugin/weekOfYear";
-import kt from "dayjs/plugin/quarterOfYear";
-import xt from "dayjs/plugin/isSameOrBefore";
-import { Dropdown as K, Space as It } from "antd";
-import { PlusSquareOutlined as Ot, MinusSquareOutlined as Pt } from "@ant-design/icons";
-import { useSortable as Lt, SortableContext as Nt, verticalListSortingStrategy as Yt } from "@dnd-kit/sortable";
-import Z from "@ant-design/icons/lib/components/Icon";
-import { useSensors as _t, useSensor as Ye, PointerSensor as Wt, KeyboardSensor as Ht, DndContext as zt, closestCenter as Vt, DragOverlay as Ft } from "@dnd-kit/core";
-import { restrictToVerticalAxis as Bt } from "@dnd-kit/modifiers";
-import { flushSync as qt } from "react-dom";
+import Ct from "dayjs/plugin/weekYear";
+import Dt from "dayjs/plugin/weekOfYear";
+import Tt from "dayjs/plugin/quarterOfYear";
+import Rt from "dayjs/plugin/isSameOrBefore";
+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 { restrictToVerticalAxis as Vt } from "@dnd-kit/modifiers";
+import { flushSync as Ft } from "react-dom";
 const de = {
   EXPAND_RESOURCE: "EXPAND_RESOURCE",
   COLLAPSE_RESOURCE: "COLLAPSE_RESOURCE",
   SET_RESOURCE_AREA_WIDTH: "SET_RESOURCE_AREA_WIDTH"
-}, ct = "schedulant.state", Ut = () => {
+}, dt = "schedulant.state", Bt = () => {
   try {
-    const t = localStorage.getItem(ct);
+    const t = localStorage.getItem(dt);
     if (t)
       return JSON.parse(t);
   } catch {
@@ -29,7 +29,7 @@ const de = {
     collapseIds: [],
     resourceAreaWidth: "20%"
   };
-}, jt = (t, e) => {
+}, qt = (t, e) => {
   switch (e.type) {
     case de.EXPAND_RESOURCE:
       return {
@@ -49,23 +49,23 @@ const de = {
     default:
       return t;
   }
-}, dt = wt(void 0), $t = ({ children: t }) => {
-  const [e, n] = Et(jt, void 0, Ut);
-  return L(() => {
-    localStorage.setItem(ct, JSON.stringify(e));
-  }, [e]), /* @__PURE__ */ a(dt.Provider, { value: { state: e, dispatch: n }, children: t });
-}, De = () => {
-  const t = Ct(dt);
+}, ut = bt(void 0), Ut = ({ children: t }) => {
+  const [e, n] = Mt(qt, void 0, Bt);
+  return N(() => {
+    localStorage.setItem(dt, JSON.stringify(e));
+  }, [e]), /* @__PURE__ */ a(ut.Provider, { value: { state: e, dispatch: n }, children: t });
+}, Te = () => {
+  const t = wt(ut);
   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$/, "")), _e = (t) => document.querySelector(`.${t}`), ut = 1.5, Gt = 0.7, W = 10, ht = 16, We = 13, Xt = 0.1, He = 0.5, Qt = 0.25, Kt = 0.75, Zt = 100, Jt = (t) => {
-  L(() => {
-    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 + We, l = t - o > 0 ? o : 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) => {
+  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;
     e && (e.style.height = w(l));
     const c = () => {
-      const m = n ? n.getBoundingClientRect().height : 0, f = s ? s.getBoundingClientRect().height : 0, u = m + f + We, h = t - u > 0 ? u : t;
-      e && (e.style.height = w(h));
+      const m = n ? n.getBoundingClientRect().height : 0, f = s ? s.getBoundingClientRect().height : 0, h = m + f + He, u = t - h > 0 ? h : t;
+      e && (e.style.height = w(u));
     }, d = new ResizeObserver(() => {
       c();
     });
@@ -73,12 +73,12 @@ const de = {
       d.disconnect();
     };
   }, [t]);
-}, en = (t, e, n, s) => {
-  L(() => {
+}, Zt = (t, e, n, s) => {
+  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, u, h) => {
-      m.addEventListener(f, u, h), c.push(() => m.removeEventListener(f, u));
+    const c = [], d = (m, f, h, u) => {
+      m.addEventListener(f, h, u), c.push(() => m.removeEventListener(f, h));
     };
     return d(r, "scroll", () => {
       i.scrollTop = r.scrollTop, l.scrollLeft = r.scrollLeft;
@@ -87,32 +87,32 @@ const de = {
     }), d(i, "wheel", ((m) => {
       let f = !1;
       if (m.deltaY !== 0) {
-        const u = r.scrollHeight - r.clientHeight, h = Math.max(0, Math.min(u, r.scrollTop + m.deltaY));
-        r.scrollTop = h, i.scrollTop = h, f = !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;
       }
       if (f && m.deltaX !== 0) {
-        const u = i.scrollWidth - i.clientWidth, h = Math.max(0, Math.min(u, i.scrollLeft + m.deltaX));
-        i.scrollLeft = h, o.scrollLeft = h;
+        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 u = i.scrollWidth - i.clientWidth;
-        o.scrollLeft = Math.max(0, Math.min(u, i.scrollLeft + m.deltaX));
+        const h = i.scrollWidth - i.clientWidth;
+        o.scrollLeft = Math.max(0, Math.min(h, i.scrollLeft + m.deltaX));
       }
       f && m.preventDefault();
     }), { passive: !1 }), d(r, "wheel", ((m) => {
       let f = !1;
       if (m.deltaY !== 0) {
-        const u = r.scrollHeight - r.clientHeight, h = Math.max(0, Math.min(u, r.scrollTop + m.deltaY));
-        r.scrollTop = h, i.scrollTop = h, f = !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;
       }
       if (m.deltaX !== 0) {
-        const u = r.scrollWidth - r.clientWidth, h = Math.max(0, Math.min(u, r.scrollLeft + m.deltaX));
-        r.scrollLeft = h, l.scrollLeft = h, f = !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;
       }
       f && m.preventDefault();
     }), { passive: !1 }), () => c.forEach((m) => m());
   }, [t, e, n, s]);
-}, tn = (t, e) => {
-  L(() => {
+}, Jt = (t, e) => {
+  N(() => {
     const n = t.current;
     n && e && (n.style.width = e);
   }, [t, e]);
@@ -143,7 +143,7 @@ class x {
     return this.isDefined() ? this.value : e;
   }
 }
-class nn {
+class en {
   event;
   resourceApi;
   constructor(e) {
@@ -201,7 +201,7 @@ const j = (t, e) => {
     n[i] ? n[i].push(s) : n[i] = [s];
   }), n;
 };
-class sn {
+class tn {
   depth;
   resource;
   parent;
@@ -291,24 +291,24 @@ 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((h) => new sn(h)), l = new Map(Object.entries(j(n, (h) => h.getResourceId()))), c = o.reduce((h, A) => h.set(A.getId(), A), /* @__PURE__ */ new Map()), d = new Map(Object.entries(j(s, (h) => h.getResourceId()))), m = new Map(Object.entries(j(i, (h) => h.getResourceId()))), f = [{ parentId: r, depth: 0 }], u = new Map(Object.entries(j(o, (h) => h.getParentId().getOrElse(r))));
+    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 h = f.pop();
-      if (h) {
-        const { parentId: A, depth: p } = h, S = u.get(A);
+      const u = f.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(u.get(g) || []);
+          b.setDepth(p), b.setParent(c.get(A)), b.setChildren(h.get(g) || []);
           const y = l.get(g) || [];
-          y.forEach((T) => T.setResourceApi(b)), b.setEventApis(y);
+          y.forEach((D) => D.setResourceApi(b)), b.setEventApis(y);
           const v = d.get(g) || [];
-          v.forEach((T) => T.setResourceApi(b)), b.setMilestoneApis(v);
+          v.forEach((D) => D.setResourceApi(b)), b.setMilestoneApis(v);
           const M = m.get(g) || [];
-          M.forEach((T) => T.setResourceApi(b)), b.setCheckpointApis(M), f.push({ parentId: g, depth: p + 1 });
+          M.forEach((D) => D.setResourceApi(b)), b.setCheckpointApis(M), f.push({ parentId: g, depth: p + 1 });
         });
       }
     }
-    return u.get(r) || [];
+    return h.get(r) || [];
   }
   static flatMapTree(e) {
     const n = [], s = [...e];
@@ -323,7 +323,7 @@ class le {
     return n;
   }
 }
-class rn {
+class nn {
   milestone;
   resourceApi;
   constructor(e) {
@@ -362,7 +362,7 @@ class rn {
     return x.fromNullable(this.milestone.extendedProps);
   }
 }
-class on {
+class sn {
   checkpoint;
   resourceApi;
   constructor(e) {
@@ -398,11 +398,11 @@ class on {
     return x.fromNullable(this.checkpoint.extendedProps);
   }
 }
-E.extend(xt);
-E.extend(kt);
 E.extend(Rt);
+E.extend(Tt);
 E.extend(Dt);
-class X {
+E.extend(Ct);
+class K {
   start;
   end;
   timelineData;
@@ -432,10 +432,10 @@ class X {
       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 u = s.startOf("month").format("YYYY-MM-DD");
-      i.months[u] = i.months[u] || [], i.months[u].push(s.clone()), l.has(u) || l.set(u, l.size);
-      const h = s.startOf("week").format("YYYY-MM-DD");
-      i.weeks[h] = i.weeks[h] || [], i.weeks[h].push(s.clone()), o.has(h) || o.set(h, o.size), i.days.push(s.clone()), this.dayPositionCache.set(s.format("YYYY-MM-DD"), r), r++, s = s.add(1, "day");
+      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);
@@ -571,7 +571,7 @@ class X {
     return i;
   }
 }
-class ln {
+class rn {
   schedulantProps;
   schedulantView;
   timelineApi;
@@ -585,32 +585,32 @@ class ln {
     switch (e.schedulantViewType) {
       case "Week": {
         const s = e.start.startOf("week"), i = e.end.endOf("week");
-        n = new X(s, i);
+        n = new K(s, i);
         break;
       }
       case "Month": {
         const s = e.start.startOf("month"), i = e.end.endOf("month");
-        n = new X(s, i);
+        n = new K(s, i);
         break;
       }
       case "Quarter": {
         const s = e.start.startOf("quarter"), i = e.end.endOf("quarter");
-        n = new X(s, i);
+        n = new K(s, i);
         break;
       }
       case "Year": {
         const s = e.start.startOf("year"), i = e.end.endOf("year");
-        n = new X(s, i);
+        n = new K(s, i);
         break;
       }
       default:
-        n = new X(e.start, e.end);
+        n = new K(e.start, e.end);
         break;
     }
     return n.setSpecialWorkdays(e.specialWorkdays || []), n.setCompanyHolidays(e.companyHolidays || []), n.setNationalHolidays(e.nationalHolidays || []), n;
   }
   constructor(e, n) {
-    this.eventApis = n.events.map((s) => new nn(s)), this.milestoneApis = n.milestones?.map((s) => new rn(s)) || [], this.checkpointApis = n.checkpoints?.map((s) => new on(s)) || [], this.schedulantProps = n, this.schedulantView = e, this.timelineApi = this.generateTimelineApi(n), this.resourceApis = le.createTree(n.resources, this.eventApis, this.milestoneApis, this.checkpointApis), this.flatMapResourceApis = le.flatMapTree(this.resourceApis);
+    this.eventApis = n.events.map((s) => new en(s)), this.milestoneApis = n.milestones?.map((s) => new nn(s)) || [], this.checkpointApis = n.checkpoints?.map((s) => new sn(s)) || [], this.schedulantProps = n, this.schedulantView = e, this.timelineApi = this.generateTimelineApi(n), this.resourceApis = le.createTree(n.resources, this.eventApis, this.milestoneApis, this.checkpointApis), this.flatMapResourceApis = le.flatMapTree(this.resourceApis);
   }
   updateProps(e) {
     this.schedulantProps = e;
@@ -812,8 +812,8 @@ class ln {
     return this.schedulantProps.onResourceSelect;
   }
 }
-const an = (t, e, n) => {
-  L(() => {
+const on = (t, e, n) => {
+  N(() => {
     const s = t.current;
     if (s)
       return n.resourceLabelDidMount({
@@ -826,36 +826,36 @@ const an = (t, e, n) => {
         });
       };
   }, [t, e, n]);
-}, H = ({ condition: t, children: e, fallback: n }) => /* @__PURE__ */ a(Mt, { children: t ? e : n }), cn = (t, e, n) => {
-  const s = k(-1), i = C(() => _e("schedulant-datagrid-head"), []), r = C(() => _e("schedulant-datagrid-body"), []), o = C((u) => {
-    u.preventDefault();
-    const h = n.current;
-    if (h) {
-      const A = h.getBoundingClientRect(), p = u.clientX - A.left;
-      h.style.width = w(p), t({ type: "SET_RESOURCE_AREA_WIDTH", width: h.style.width });
+}, H = ({ 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;
+    if (u) {
+      const A = u.getBoundingClientRect(), p = h.clientX - A.left;
+      u.style.width = w(p), t({ type: "SET_RESOURCE_AREA_WIDTH", width: u.style.width });
     }
-  }, [t, n]), l = C((u) => {
-    u.preventDefault();
-    const h = e.current;
-    h ? h.removeEventListener("mousemove", o) : console.error("scheduleEl", h);
-  }, [o, e]), c = C((u) => {
-    u.preventDefault();
-    const h = e.current;
-    h ? h.addEventListener("mousemove", o) : console.error("scheduleEl", h);
-  }, [o, e]), d = C((u) => {
-    u.preventDefault();
-    const h = s.current, A = i(), p = r(), S = A.firstElementChild, b = p.firstElementChild, g = S?.children, y = b?.children;
+  }, [t, n]), l = C((h) => {
+    h.preventDefault();
+    const u = e.current;
+    u ? u.removeEventListener("mousemove", o) : console.error("scheduleEl", u);
+  }, [o, e]), c = C((h) => {
+    h.preventDefault();
+    const u = e.current;
+    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[h], M = y[h], T = u.clientX - v.getBoundingClientRect().left, D = u.clientX - M.getBoundingClientRect().left;
-      v.style.width = w(T), M.style.width = w(D);
+      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);
     }
-  }, [r, i, s]), m = C((u) => {
-    u.preventDefault(), s.current = -1;
-    const h = i(), A = r();
-    h.removeEventListener("mousemove", d), A.removeEventListener("mousemove", d);
-  }, [s, i, r, d]), f = C((u) => (h) => {
-    h.preventDefault();
-    const A = u.current?.parentElement, p = u.current?.parentElement?.parentElement;
+  }, [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) => {
+    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"));
@@ -872,10 +872,10 @@ const an = (t, e, n) => {
     datagridCellResizerMouseUp: m,
     datagridCellResizerMouseDownFunc: f
   };
-}, dn = (t) => {
+}, an = (t) => {
   const e = k(null);
-  return an(e, t.resourceAreaColumn, t.schedulantApi), /* @__PURE__ */ a("th", { role: "columnheader", className: "schedulant-datagrid-cell", children: /* @__PURE__ */ a(
-    K,
+  return on(e, t.resourceAreaColumn, t.schedulantApi), /* @__PURE__ */ a("th", { role: "columnheader", className: "schedulant-datagrid-cell", children: /* @__PURE__ */ a(
+    Z,
     {
       disabled: !t.schedulantApi.isEnableResourceLabelContextMenu(),
       destroyOnHidden: !0,
@@ -911,8 +911,8 @@ const an = (t, e, n) => {
       ] })
     }
   ) });
-}, un = (t, e, n, s) => {
-  L(() => {
+}, cn = (t, e, n, s) => {
+  N(() => {
     const i = t.current;
     if (i)
       return n.resourceLaneDidMount({
@@ -929,49 +929,69 @@ const an = (t, e, n) => {
         });
       };
   }, [t, e, n, s]);
-}, Y = /* @__PURE__ */ new Set();
-let Q = null;
-function mt() {
+}, dn = (t) => /* @__PURE__ */ a(X, { component: () => /* @__PURE__ */ a(
+  "svg",
+  {
+    className: "milestone-icon",
+    viewBox: "0 0 1024 1024",
+    version: "1.1",
+    xmlns: "http://www.w3.org/2000/svg",
+    width: `${w(t.width)}`,
+    height: `${w(t.height)}`,
+    children: /* @__PURE__ */ a(
+      "path",
+      {
+        d: "M156 64v896l356-280 356 280V64H156z m511.8 556.4L512 538.5l-155.7 81.9L386 447 260 324.2l174.1-25.3L512 141.1l77.9 157.8L764 324.2 638 447l29.8 173.4z",
+        fill: t.color
+      }
+    )
+  }
+), ...t }), L = /* @__PURE__ */ new Set();
+let G = null;
+function Re() {
   document.querySelectorAll(".schedulant-resource-selected").forEach((t) => t.classList.remove("schedulant-resource-selected"));
-  for (const t of Y)
+  for (const t of L)
     document.querySelectorAll(`[data-resource-id="${t}"].schedulant-resource`).forEach((e) => e.classList.add("schedulant-resource-selected"));
 }
-function gt(t) {
-  t?.(Array.from(Y));
+function ke(t) {
+  t?.(Array.from(L));
 }
-function ft() {
-  return Y;
+function mt() {
+  return L;
 }
-function Te(t) {
-  Y.size !== 0 && (Y.clear(), Q = null, mt(), gt(t));
+function De(t) {
+  L.size !== 0 && (L.clear(), G = null, Re(), ke(t));
+}
+function un(t, e) {
+  L.clear(), L.add(t), G = t, Re(), ke(e);
 }
 function hn(t, e, n) {
   const i = t.target.closest("[data-resource-id]");
   if (!i) {
-    Te(n);
+    De(n);
     return;
   }
   const r = i.getAttribute("data-resource-id");
   if (!r) {
-    Te(n);
+    De(n);
     return;
   }
-  if (t.button === 2 && Y.has(r))
+  if (t.button === 2 && L.has(r))
     return;
   const o = t.ctrlKey || t.metaKey;
-  if (t.shiftKey && Q) {
-    const c = e.indexOf(Q), d = e.indexOf(r);
+  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);
-      o || Y.clear();
-      for (let u = m; u <= f; u++)
-        Y.add(e[u]);
+      o || L.clear();
+      for (let h = m; h <= f; h++)
+        L.add(e[h]);
     }
-  } else o ? (Y.has(r) ? Y.delete(r) : Y.add(r), Q = r) : (Y.clear(), Y.add(r), Q = r);
-  mt(), gt(n);
+  } else o ? (L.has(r) ? L.delete(r) : L.add(r), G = r) : (L.clear(), L.add(r), G = r);
+  Re(), ke(n);
 }
 function mn(t, e, n) {
-  const s = ft();
+  const s = mt();
   return s.size > 1 && s.has(e.getId()) ? {
     items: t.getResourceLaneMultiSelectContextMenuItems(),
     onClick: (r) => {
@@ -999,7 +1019,7 @@ function mn(t, e, n) {
   };
 }
 const gn = (t) => {
-  const { dispatch: e } = De(), n = k(null), i = t.schedulantApi.getScheduleView().getTimelineView().calculateLaneHeight(t.resourceApi), r = C((y, v) => {
+  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];
@@ -1012,14 +1032,14 @@ const gn = (t) => {
     }
     return "";
   }, []);
-  un(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 } = Lt({
+  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({
     id: o,
     disabled: l,
     transition: null
-  }), u = t.overId === o && t.activeId !== o, h = () => {
+  }), h = t.overId === o && t.activeId !== o, u = () => {
     const y = ["schedulant-datagrid-cell", "schedulant-resource"];
-    return ft().has(o) && y.push("schedulant-resource-selected"), t.isDraggable && f && y.push("schedulant-resource-dragging"), t.isDraggable && u && t.dropPosition && y.push(`schedulant-resource-drop-${t.dropPosition}`), y.join(" ");
+    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);
   }, [t.schedulantApi, t.resourceApi, t.resourceAreaColumn]);
@@ -1028,10 +1048,10 @@ const gn = (t) => {
     {
       ref: m,
       "data-resource-id": t.resourceApi.getId(),
-      className: h(),
+      className: u(),
       ...l ? {} : { ...c, ...d },
       children: /* @__PURE__ */ a(
-        K,
+        Z,
         {
           disabled: !t.schedulantApi.isEnableResourceLaneContextMenu(),
           destroyOnHidden: !0,
@@ -1046,7 +1066,7 @@ const gn = (t) => {
               style: { height: w(i) },
               ref: n,
               children: [
-                /* @__PURE__ */ a("div", { className: "schedulant-datagrid-cell-cushion schedulant-scrollgrid-sync-inner", children: /* @__PURE__ */ O(It, { size: "small", children: [
+                /* @__PURE__ */ a("div", { className: "schedulant-datagrid-cell-cushion schedulant-scrollgrid-sync-inner", children: /* @__PURE__ */ O(kt, { size: "small", children: [
                   t.showPlusSquare && /* @__PURE__ */ O(
                     "span",
                     {
@@ -1054,7 +1074,7 @@ const gn = (t) => {
                       children: [
                         t.showIndentation && Array.from({ length: t.resourceApi.getDepth() }, (y, v) => /* @__PURE__ */ a("span", { className: "schedulant-icon" }, v + 1)),
                         /* @__PURE__ */ a("span", { className: "schedulant-icon", children: t.collapseIds.some((y) => y === t.resourceApi.getId()) ? /* @__PURE__ */ a(
-                          Ot,
+                          xt,
                           {
                             onClick: () => e({
                               type: "EXPAND_RESOURCE",
@@ -1062,7 +1082,7 @@ const gn = (t) => {
                             })
                           }
                         ) : t.resourceApi.getChildren().length > 0 ? /* @__PURE__ */ a(
-                          Pt,
+                          Ot,
                           {
                             onClick: () => e({
                               type: "COLLAPSE_RESOURCE",
@@ -1073,7 +1093,10 @@ const gn = (t) => {
                       ]
                     }
                   ),
-                  /* @__PURE__ */ a("div", { className: "schedulant-datagrid-cell-main", children: r(t.resourceAreaColumn.field, t.resourceApi) })
+                  /* @__PURE__ */ O("div", { className: "schedulant-datagrid-cell-main", children: [
+                    r(t.resourceAreaColumn.field, t.resourceApi),
+                    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) }) })
               ]
@@ -1083,9 +1106,9 @@ const gn = (t) => {
       )
     }
   );
-}, fn = (t) => /* @__PURE__ */ a("colgroup", { children: t.resourceAreaColumns.map((e) => /* @__PURE__ */ a("col", { style: { minWidth: Zt } }, 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 = () => /* @__PURE__ */ a("div", { className: "schedulant-timeline-lane" }), yn = (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 L(() => {
+  return N(() => {
     const c = t.current;
     if (c)
       return e.eventDidMount({
@@ -1111,43 +1134,43 @@ var se = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : t
 function vn(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var ue, ze;
-function Re() {
-  if (ze) return ue;
-  ze = 1;
+var ue, Ve;
+function xe() {
+  if (Ve) return ue;
+  Ve = 1;
   function t(e) {
     var n = typeof e;
     return e != null && (n == "object" || n == "function");
   }
   return ue = t, ue;
 }
-var he, Ve;
+var he, Fe;
 function Sn() {
-  if (Ve) return he;
-  Ve = 1;
+  if (Fe) return he;
+  Fe = 1;
   var t = typeof se == "object" && se && se.Object === Object && se;
   return he = t, he;
 }
-var me, Fe;
-function pt() {
-  if (Fe) return me;
-  Fe = 1;
+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")();
   return me = n, me;
 }
-var ge, Be;
+var ge, qe;
 function An() {
-  if (Be) return ge;
-  Be = 1;
-  var t = pt(), e = function() {
+  if (qe) return ge;
+  qe = 1;
+  var t = gt(), e = function() {
     return t.Date.now();
   };
   return ge = e, ge;
 }
-var fe, qe;
+var fe, Ue;
 function bn() {
-  if (qe) return fe;
-  qe = 1;
+  if (Ue) return fe;
+  Ue = 1;
   var t = /\s/;
   function e(n) {
     for (var s = n.length; s-- && t.test(n.charAt(s)); )
@@ -1156,28 +1179,28 @@ function bn() {
   }
   return fe = e, fe;
 }
-var pe, Ue;
+var pe, je;
 function Mn() {
-  if (Ue) return pe;
-  Ue = 1;
+  if (je) return pe;
+  je = 1;
   var t = bn(), e = /^\s+/;
   function n(s) {
     return s && s.slice(0, t(s) + 1).replace(e, "");
   }
   return pe = n, pe;
 }
-var ye, je;
-function yt() {
-  if (je) return ye;
-  je = 1;
-  var t = pt(), e = t.Symbol;
+var ye, $e;
+function ft() {
+  if ($e) return ye;
+  $e = 1;
+  var t = gt(), e = t.Symbol;
   return ye = e, ye;
 }
-var ve, $e;
+var ve, Ge;
 function wn() {
-  if ($e) return ve;
-  $e = 1;
-  var t = yt(), e = Object.prototype, n = e.hasOwnProperty, s = e.toString, i = t ? t.toStringTag : void 0;
+  if (Ge) return ve;
+  Ge = 1;
+  var t = ft(), e = Object.prototype, n = e.hasOwnProperty, s = e.toString, i = t ? t.toStringTag : void 0;
   function r(o) {
     var l = n.call(o, i), c = o[i];
     try {
@@ -1190,50 +1213,50 @@ function wn() {
   }
   return ve = r, ve;
 }
-var Se, Ge;
+var Se, Xe;
 function En() {
-  if (Ge) return Se;
-  Ge = 1;
+  if (Xe) return Se;
+  Xe = 1;
   var t = Object.prototype, e = t.toString;
   function n(s) {
     return e.call(s);
   }
   return Se = n, Se;
 }
-var Ae, Xe;
+var Ae, Qe;
 function Cn() {
-  if (Xe) return Ae;
-  Xe = 1;
-  var t = yt(), e = wn(), n = En(), s = "[object Null]", i = "[object Undefined]", r = t ? t.toStringTag : void 0;
+  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;
   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, Qe;
-function Tn() {
-  if (Qe) return be;
-  Qe = 1;
+var be, Ke;
+function Dn() {
+  if (Ke) return be;
+  Ke = 1;
   function t(e) {
     return e != null && typeof e == "object";
   }
   return be = t, be;
 }
-var Me, Ke;
-function Dn() {
-  if (Ke) return Me;
-  Ke = 1;
-  var t = Cn(), e = Tn(), n = "[object Symbol]";
+var Me, Ze;
+function Tn() {
+  if (Ze) return Me;
+  Ze = 1;
+  var t = Cn(), e = Dn(), n = "[object Symbol]";
   function s(i) {
     return typeof i == "symbol" || e(i) && t(i) == n;
   }
   return Me = s, Me;
 }
-var we, Ze;
+var we, Je;
 function Rn() {
-  if (Ze) return we;
-  Ze = 1;
-  var t = Mn(), e = Re(), n = Dn(), s = NaN, i = /^[-+]0x[0-9a-f]+$/i, r = /^0b[01]+$/i, o = /^0o[0-7]+$/i, l = parseInt;
+  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;
   function c(d) {
     if (typeof d == "number")
       return d;
@@ -1251,65 +1274,65 @@ function Rn() {
   }
   return we = c, we;
 }
-var Ee, Je;
+var Ee, et;
 function kn() {
-  if (Je) return Ee;
-  Je = 1;
-  var t = Re(), e = An(), n = Rn(), s = "Expected a function", i = Math.max, r = Math.min;
+  if (et) return Ee;
+  et = 1;
+  var t = xe(), e = An(), n = Rn(), s = "Expected a function", i = Math.max, r = Math.min;
   function o(l, c, d) {
-    var m, f, u, h, A, p, S = 0, b = !1, g = !1, y = !0;
+    var m, f, h, u, A, p, S = 0, b = !1, g = !1, y = !0;
     if (typeof l != "function")
       throw new TypeError(s);
-    c = n(c) || 0, t(d) && (b = !!d.leading, g = "maxWait" in d, u = g ? i(n(d.maxWait) || 0, c) : u, y = "trailing" in d ? !!d.trailing : y);
+    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, h = l.apply(q, V), h;
+      return m = f = void 0, S = R, u = l.apply(q, V), u;
     }
     function M(R) {
-      return S = R, A = setTimeout(I, c), b ? v(R) : h;
-    }
-    function T(R) {
-      var V = R - p, q = R - S, G = c - V;
-      return g ? r(G, u - q) : G;
+      return S = R, A = setTimeout(I, c), b ? v(R) : u;
     }
     function D(R) {
+      var V = R - p, q = R - S, Q = c - V;
+      return g ? 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 >= u;
+      return p === void 0 || V >= c || V < 0 || g && q >= h;
     }
     function I() {
       var R = e();
-      if (D(R))
+      if (T(R))
         return P(R);
-      A = setTimeout(I, T(R));
+      A = setTimeout(I, D(R));
     }
     function P(R) {
-      return A = void 0, y && m ? v(R) : (m = f = void 0, h);
+      return A = void 0, y && m ? v(R) : (m = f = void 0, u);
     }
-    function N() {
+    function Y() {
       A !== void 0 && clearTimeout(A), S = 0, m = p = f = A = void 0;
     }
     function z() {
-      return A === void 0 ? h : P(e());
+      return A === void 0 ? u : P(e());
     }
     function _() {
-      var R = e(), V = D(R);
+      var R = e(), V = T(R);
       if (m = arguments, f = this, p = R, V) {
         if (A === void 0)
           return M(p);
         if (g)
           return clearTimeout(A), A = setTimeout(I, c), v(p);
       }
-      return A === void 0 && (A = setTimeout(I, c)), h;
+      return A === void 0 && (A = setTimeout(I, c)), u;
     }
-    return _.cancel = N, _.flush = z, _;
+    return _.cancel = Y, _.flush = z, _;
   }
   return Ee = o, Ee;
 }
-var Ce, et;
+var Ce, tt;
 function xn() {
-  if (et) return Ce;
-  et = 1;
-  var t = kn(), e = Re(), n = "Expected a function";
+  if (tt) return Ce;
+  tt = 1;
+  var t = kn(), e = xe(), n = "Expected a function";
   function s(i, r, o) {
     var l = !0, c = !0;
     if (typeof i != "function")
@@ -1322,55 +1345,55 @@ function xn() {
   }
   return Ce = s, Ce;
 }
-var In = xn();
-const vt = /* @__PURE__ */ vn(In), On = (t) => {
+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(), T = g - n.current, D = t.timelineWidth, I = M.getTotalSlots(), P = Math.round(T / D * I), N = P / I * D;
-    return { moveSlots: P, distance: N, deltaX: T };
+    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;
+    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, T = y.calculateLaneHeight(t.resourceApi), D = document.createElement("div");
-    D.className = e, Object.assign(D.style, {
+    const y = t.schedulantApi.getScheduleView().getTimelineView(), v = g.style.left, M = g.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,
-      height: w(T),
+      height: w(D),
       backgroundColor: t.schedulantApi.getDragHintColor()
-    }), g.parentNode?.insertBefore(D, g);
+    }), 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: T } = l(y);
+      const M = o.current, { distance: D } = l(y);
       switch (M) {
         case "press_event": {
-          v.style.left = w(Math.max(s.current + T, 0)), v.style.right = w(i.current - T);
+          v.style.left = w(Math.max(s.current + D, 0)), v.style.right = w(i.current - D);
           break;
         }
         case "press_event_left": {
-          const D = Math.max(s.current + T, 0);
-          v.style.left = w(D);
+          const T = Math.max(s.current + D, 0);
+          v.style.left = w(T);
           break;
         }
         case "press_event_right": {
-          const D = i.current - T;
-          v.style.right = w(D);
+          const T = i.current - D;
+          v.style.right = w(T);
           break;
         }
       }
     }
   }, [l, e]), f = C((g, y) => {
-    const v = t.eventApi, M = t.schedulantApi, T = o.current, { moveSlots: D, distance: I } = l(y);
-    switch (T) {
+    const v = t.eventApi, M = 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(D, "day"), N = v.getEnd().add(D, "day");
+        const P = v.getStart().add(T, "day"), Y = v.getEnd().add(T, "day");
         M.eventMove({
           el: g,
           startDate: P,
-          endDate: N,
+          endDate: Y,
           eventApi: v,
           schedulantApi: M
         });
@@ -1379,10 +1402,10 @@ const vt = /* @__PURE__ */ vn(In), On = (t) => {
       case "press_event_left": {
         const P = Math.max(s.current + I, 0);
         g.style.left = w(P);
-        const N = v.getStart().add(D, "day");
+        const Y = v.getStart().add(T, "day");
         M.eventResizeStart({
           el: g,
-          date: N,
+          date: Y,
           eventApi: v,
           schedulantApi: M
         });
@@ -1391,63 +1414,63 @@ const vt = /* @__PURE__ */ vn(In), On = (t) => {
       case "press_event_right": {
         const P = i.current - I;
         g.style.right = w(P);
-        const N = v.getEnd().add(D, "day");
+        const Y = v.getEnd().add(T, "day");
         M.eventResizeEnd({
           el: g,
-          date: N,
+          date: Y,
           eventApi: v,
           schedulantApi: M
         });
         break;
       }
     }
-  }, [t, l]), u = C((g) => {
+  }, [t, l]), h = C((g) => {
     g.preventDefault();
     const y = r.current, v = t.timelineEventHarnessRef.current;
     if (y && v) {
-      const { deltaX: M } = l(g.clientX), T = s.current + M, D = i.current - M;
+      const { deltaX: M } = l(g.clientX), D = s.current + M, T = i.current - M;
       switch (o.current) {
         case "press_event":
-          v.style.left = w(T), v.style.right = w(D);
+          v.style.left = w(D), v.style.right = w(T);
           break;
         case "press_event_left":
-          v.style.left = w(T);
+          v.style.left = w(D);
           break;
         case "press_event_right":
-          v.style.right = w(D);
+          v.style.right = w(T);
           break;
       }
       m(v, g.clientX);
     }
-  }, [t.timelineEventHarnessRef, m, l]), h = F(
-    () => vt(u, ht),
-    [u]
+  }, [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", h)) : (console.error("scheduleEl", v), console.error("timelineEventHarness", M));
-  }, [t.schedulantApi, t.timelineEventHarnessRef, c, h]), p = C((g) => {
+    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]);
-  return L(() => {
+  return N(() => {
     const g = t.timelineEventHarnessRef.current, y = t.schedulantApi.getSchedulantElRef().current;
     if (y && g) {
       const v = g.parentElement?.parentElement;
       if (v) {
-        const M = (T) => {
-          T.preventDefault(), r.current && !v.contains(T.relatedTarget) && (d(g), f(g, T.clientX), y.removeEventListener("mousemove", h), r.current = !1, o.current = "none");
+        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", h), h.cancel();
+          v.removeEventListener("mouseup", M), v.removeEventListener("mouseout", M), y.removeEventListener("mousemove", u), u.cancel();
         };
       }
     }
-  }, [h, t, d, f]), { handleMouseDown: p, leftHandleMouseDown: S, rightHandleMouseDown: b };
-}, tt = (t) => /* @__PURE__ */ a(Z, { component: () => /* @__PURE__ */ a(
+  }, [u, t, d, f]), { handleMouseDown: p, leftHandleMouseDown: S, rightHandleMouseDown: b };
+}, nt = (t) => /* @__PURE__ */ a(X, { component: () => /* @__PURE__ */ a(
   "svg",
   {
     className: "triangle-left-icon",
@@ -1464,7 +1487,7 @@ const vt = /* @__PURE__ */ vn(In), On = (t) => {
       }
     )
   }
-), ...t }), nt = (t) => /* @__PURE__ */ a(Z, { component: () => /* @__PURE__ */ a(
+), ...t }), st = (t) => /* @__PURE__ */ a(X, { component: () => /* @__PURE__ */ a(
   "svg",
   {
     className: "drag-icon",
@@ -1475,7 +1498,7 @@ const vt = /* @__PURE__ */ vn(In), On = (t) => {
     height: `${w(t.height)}`,
     children: /* @__PURE__ */ a("path", { d: "M368 0h32v1024h-32zM496 0h32v1024h-32zM624 0h32v1024h-32z", fill: t.color })
   }
-), ...t }), st = (t) => /* @__PURE__ */ a(Z, { component: () => /* @__PURE__ */ a(
+), ...t }), it = (t) => /* @__PURE__ */ a(X, { component: () => /* @__PURE__ */ a(
   "svg",
   {
     className: "triangle-left-icon",
@@ -1493,7 +1516,7 @@ const vt = /* @__PURE__ */ vn(In), On = (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: u, isProcess: h } = yn(e, t.schedulantApi, t.eventApi), { handleMouseDown: A, leftHandleMouseDown: p, rightHandleMouseDown: S } = On({
+  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({
     timelineEventHarnessRef: n,
     timelineWidth: t.timelineWidth,
     eventApi: t.eventApi,
@@ -1507,7 +1530,7 @@ const vt = /* @__PURE__ */ vn(In), On = (t) => {
     left: w(t.position.left),
     right: w(t.position.right)
   }, children: /* @__PURE__ */ a(
-    K,
+    Z,
     {
       disabled: !t.schedulantApi.isEnableEventContextMenu(),
       destroyOnHidden: !0,
@@ -1521,8 +1544,8 @@ const vt = /* @__PURE__ */ vn(In), On = (t) => {
             keyPath: y,
             domEvent: v,
             isPast: f,
-            isFuture: u,
-            isProcess: h,
+            isFuture: h,
+            isProcess: u,
             eventApi: t.eventApi,
             schedulantApi: t.schedulantApi
           });
@@ -1544,21 +1567,21 @@ const vt = /* @__PURE__ */ vn(In), On = (t) => {
                   {
                     condition: t.eventApi.getStart().isBefore(s.getStart()),
                     fallback: /* @__PURE__ */ a("div", { style: { width: W, height: d } }),
-                    children: /* @__PURE__ */ a(tt, { width: W, height: d, color: "#FFFFFF" })
+                    children: /* @__PURE__ */ a(nt, { width: W, height: d, color: "#FFFFFF" })
                   }
                 ),
                 children: /* @__PURE__ */ a(
                   H,
                   {
                     condition: !t.eventApi.getStart().isBefore(s.getStart()),
-                    fallback: /* @__PURE__ */ a(tt, { width: W, height: d, color: "#FFFFFF" }),
+                    fallback: /* @__PURE__ */ a(nt, { width: W, height: d, color: "#FFFFFF" }),
                     children: /* @__PURE__ */ a(
                       "div",
                       {
                         className: "schedulant-event-resize-handle",
                         onMouseDown: p,
                         style: { width: W, height: d, cursor: "ew-resize" },
-                        children: /* @__PURE__ */ a(nt, { width: W, height: d, color: "#FFFFFF" })
+                        children: /* @__PURE__ */ a(st, { width: W, height: d, color: "#FFFFFF" })
                       }
                     )
                   }
@@ -1625,21 +1648,21 @@ const vt = /* @__PURE__ */ vn(In), On = (t) => {
                   {
                     condition: t.eventApi.getEnd().isAfter(s.getEnd()),
                     fallback: /* @__PURE__ */ a("div", { style: { width: W, height: d } }),
-                    children: /* @__PURE__ */ a(st, { width: W, height: d, color: "#FFFFFF" })
+                    children: /* @__PURE__ */ a(it, { width: W, height: d, color: "#FFFFFF" })
                   }
                 ),
                 children: /* @__PURE__ */ a(
                   H,
                   {
                     condition: t.eventApi.getEnd().isSameOrBefore(s.getEnd()),
-                    fallback: /* @__PURE__ */ a(st, { width: W, height: d, color: "#FFFFFF" }),
+                    fallback: /* @__PURE__ */ a(it, { width: W, height: d, color: "#FFFFFF" }),
                     children: /* @__PURE__ */ a(
                       "div",
                       {
                         className: "schedulant-event-resize-handle",
                         onMouseDown: S,
                         style: { width: W, height: d, cursor: "ew-resize" },
-                        children: /* @__PURE__ */ a(nt, { width: W, height: d, color: "#FFFFFF" })
+                        children: /* @__PURE__ */ a(st, { width: W, height: d, color: "#FFFFFF" })
                       }
                     )
                   }
@@ -1653,7 +1676,7 @@ const vt = /* @__PURE__ */ vn(In), On = (t) => {
   ) });
 }), Ln = (t, e, n) => {
   const s = n.getTime(), i = s.isBefore(E(), "day"), r = s.isAfter(E(), "day"), o = s.isSame(E(), "day");
-  return L(() => {
+  return N(() => {
     const l = t.current;
     if (l)
       return e.milestoneDidMount({
@@ -1674,7 +1697,7 @@ const vt = /* @__PURE__ */ vn(In), On = (t) => {
         });
       };
   }, [e, n, t, i, r, o]), { isPast: i, isFuture: r, isProcess: o };
-}, St = (t) => {
+}, 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, {
@@ -1689,10 +1712,10 @@ const vt = /* @__PURE__ */ vn(In), On = (t) => {
     const S = p.previousElementSibling;
     S?.className === e && p.parentElement?.removeChild(S);
   }, [e]), c = C((p) => {
-    const g = t.schedulantApi.getScheduleView().getTimelineView(), y = p - n.current, v = t.timelineWidth, M = g.getTotalSlots(), T = Math.round(y / v * M), D = T / M * t.timelineWidth;
+    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;
     return {
-      moveSlots: T,
-      distance: D,
+      moveSlots: D,
+      distance: T,
       deltaX: y,
       totalWidth: v,
       totalSlots: M
@@ -1730,33 +1753,33 @@ const vt = /* @__PURE__ */ vn(In), On = (t) => {
       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);
     }
-  }, [t.markerRef, d]), u = F(
-    () => vt(f, ht),
+  }, [t.markerRef, d]), h = F(
+    () => pt(f, ht),
     [f]
-  ), h = C((p) => {
+  ), 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", u), r.current = !1);
-  }, [u, t.markerRef, t.schedulantApi, l, m]), A = C((p) => {
+    b && g && S && (l(S), m(S, p.clientX), g.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", u));
-  }, [o, u, t.markerRef, t.schedulantApi]);
-  return L(() => {
+    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));
+  }, [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", u), r.current = !1);
+          y.preventDefault(), r.current && !b.contains(y.relatedTarget) && (l(S), m(S, 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", u), u.cancel();
+          b.removeEventListener("mouseup", g), b.removeEventListener("mouseout", g), p.removeEventListener("mousemove", h), h.cancel();
         };
       }
     }
-  }, [u, t, l, m]), { handleMouseUp: h, handleMouseDown: A };
-}, Nn = (t) => /* @__PURE__ */ a(Z, { component: () => /* @__PURE__ */ O(
+  }, [h, t, l, m]), { handleMouseUp: u, handleMouseDown: A };
+}, Nn = (t) => /* @__PURE__ */ a(X, { component: () => /* @__PURE__ */ O(
   "svg",
   {
     className: "flag-icon",
@@ -1783,20 +1806,22 @@ const vt = /* @__PURE__ */ vn(In), On = (t) => {
     ]
   }
 ), ...t }), Yn = ae((t) => {
-  const e = k(null), n = k(null), s = t.schedulantApi.isEditable(), i = t.milestoneApi.getStatus(), r = t.milestoneApi.getColor().getOrElse(i === "Success" ? "green" : i === "Failure" ? "red" : "yellow"), l = t.schedulantApi.getScheduleView().getTimelineView().calculateLaneHeight(t.milestoneApi.getResourceApi()), c = l * Xt * -1, { isPast: d, isFuture: m, isProcess: f } = Ln(e, t.schedulantApi, t.milestoneApi), { handleMouseUp: u, handleMouseDown: h } = St({
+  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(
+    d ? "#1677ff" : m ? i === "Success" ? "#1677ff" : i === "Failure" ? "#f5222d" : "#faad14" : i === "Success" ? "#52c41a" : i === "Failure" ? "#f5222d" : "#faad14"
+  ), { handleMouseUp: h, handleMouseDown: u } = yt({
     markerRef: n,
     timelineWidth: t.timelineWidth,
     schedulantApi: t.schedulantApi,
     milestoneApi: t.milestoneApi
   });
   return /* @__PURE__ */ a("div", { className: "schedulant-timeline-milestone-harness", style: {
-    top: w(c),
-    height: w(l),
-    lineHeight: w(l),
+    top: w(l),
+    height: w(o),
+    lineHeight: w(o),
     left: w(t.position.left),
     right: w(t.position.right)
-  }, onMouseUp: s ? u : void 0, onMouseDown: s ? h : void 0, ref: n, children: /* @__PURE__ */ a(
-    K,
+  }, onMouseUp: s ? h : void 0, onMouseDown: s ? u : void 0, ref: n, children: /* @__PURE__ */ a(
+    Z,
     {
       disabled: !t.schedulantApi.isEnableMilestoneContextMenu(),
       destroyOnHidden: !0,
@@ -1809,20 +1834,28 @@ const vt = /* @__PURE__ */ vn(In), On = (t) => {
             key: p,
             keyPath: S,
             domEvent: b,
-            isPast: d,
-            isFuture: m,
-            isProcess: f,
+            isPast: c,
+            isFuture: d,
+            isProcess: m,
             milestoneApi: t.milestoneApi,
             schedulantApi: t.schedulantApi
           });
         }
       },
-      children: /* @__PURE__ */ a("div", { className: "schedulant-timeline-milestone", ref: e, children: /* @__PURE__ */ a("div", { className: "schedulant-milestone-main", children: /* @__PURE__ */ a(Nn, { width: l * He, height: l * He, color: r }) }) })
+      children: /* @__PURE__ */ a(
+        "div",
+        {
+          className: `schedulant-timeline-milestone${m ? " schedulant-milestone-today" : ""}`,
+          style: m ? { "--milestone-glow-color": f } : void 0,
+          ref: e,
+          children: /* @__PURE__ */ a("div", { className: "schedulant-milestone-main", children: /* @__PURE__ */ a(Nn, { width: o * ze, height: o * ze, color: f }) })
+        }
+      )
     }
   ) });
 }), _n = (t, e, n) => {
   const s = n.getTime(), i = s.isBefore(E(), "day"), r = s.isAfter(E(), "day"), o = s.isSame(E(), "day");
-  return L(() => {
+  return N(() => {
     const l = t.current;
     if (l)
       return e.checkpointDidMount({
@@ -1843,7 +1876,7 @@ const vt = /* @__PURE__ */ vn(In), On = (t) => {
         });
       };
   }, [e, n, t, i, r, o]), { isPast: i, isFuture: r, isProcess: o };
-}, Wn = (t) => /* @__PURE__ */ a(Z, { component: () => /* @__PURE__ */ O(
+}, Wn = (t) => /* @__PURE__ */ a(X, { component: () => /* @__PURE__ */ O(
   "svg",
   {
     className: "droplet-icon",
@@ -1875,7 +1908,7 @@ const vt = /* @__PURE__ */ vn(In), On = (t) => {
     isPast: d,
     isFuture: m,
     isProcess: f
-  } = _n(e, t.schedulantApi, t.checkpointApi), { handleMouseUp: u, handleMouseDown: h } = St({
+  } = _n(e, t.schedulantApi, t.checkpointApi), { handleMouseUp: h, handleMouseDown: u } = yt({
     markerRef: n,
     timelineWidth: t.timelineWidth,
     schedulantApi: t.schedulantApi,
@@ -1892,11 +1925,11 @@ const vt = /* @__PURE__ */ vn(In), On = (t) => {
         left: w(t.position.left),
         right: w(t.position.right)
       },
-      onMouseUp: s ? u : void 0,
-      onMouseDown: s ? h : void 0,
+      onMouseUp: s ? h : void 0,
+      onMouseDown: s ? u : void 0,
       ref: n,
       children: /* @__PURE__ */ a(
-        K,
+        Z,
         {
           disabled: !t.schedulantApi.isEnableCheckpointContextMenu(),
           destroyOnHidden: !0,
@@ -1987,11 +2020,10 @@ class J {
     }) });
   }
   calculateLaneHeight(e) {
-    const n = this.schedulantApi.getTimelineApi().getStart(), s = this.schedulantApi.getTimelineApi().getEnd();
-    return e.getMilestoneApis().filter((r) => !r.getTime().isBefore(n) && !r.getTime().isAfter(s)).length === 0 ? this.schedulantApi.getLineHeight() : this.schedulantApi.getLineHeight() * ut;
+    return this.schedulantApi.getLineHeight();
   }
   calculateEventHeight() {
-    return this.schedulantApi.getLineHeight() * Gt;
+    return this.schedulantApi.getLineHeight() * jt;
   }
 }
 const ee = (t) => {
@@ -1999,7 +2031,7 @@ const ee = (t) => {
   return /* @__PURE__ */ a("colgroup", { children: e.map((s) => /* @__PURE__ */ a("col", { style: { minWidth: n } }, s.format("YYYY-MM-DD"))) });
 }, zn = (t, e, n) => {
   const s = n.isBefore(E(), "day"), i = n.isAfter(E(), "day"), r = n.isSame(E(), "day");
-  L(() => {
+  N(() => {
     const o = t.current;
     if (o)
       return e.timelineSlotLaneDidMount({
@@ -2036,7 +2068,7 @@ const ee = (t) => {
   );
 }), Vn = (t, e, n, s, i) => {
   const r = n.isBefore(E(), "day"), o = n.isAfter(E(), "day"), l = n.isSame(E(), "day");
-  L(() => {
+  N(() => {
     const c = t.current;
     if (c)
       return e.timelineSlotLabelDidMount({
@@ -2220,8 +2252,8 @@ 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, u = n.isSameOrBefore(i.getStart(), "day") ? f : f + d * m, h = c.daysInMonth() - c.date(), A = o / c.daysInMonth(), p = (i.getMonthPosition(c) + 1) * o * -1, S = s.isBefore(i.getEnd(), "day") ? p + h * A : p;
-    return { left: u, 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(), 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 };
   }
 }
 class qn extends J {
@@ -2277,7 +2309,7 @@ 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, u = m * f, h = i.getQuarterPosition(l) * o, A = n.isSameOrBefore(i.getStart(), "day") ? h : h + u, 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;
+    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 };
   }
 }
@@ -2319,8 +2351,8 @@ 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, u = n.isSameOrBefore(i.getStart(), "day") ? f : f + m * d, h = 6 - c.day(), A = (i.getWeekPosition(c) + 1) * o * -1, p = s.isBefore(i.getEnd(), "day") ? A + h * d : A;
-    return { left: u, right: p };
+    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;
+    return { left: h, right: p };
   }
 }
 class jn extends J {
@@ -2361,7 +2393,7 @@ 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, u = m * f, h = i.getYearPosition(l) * o, A = n.isSameOrBefore(i.getStart(), "day") ? h : h + u, 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;
+    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 };
   }
 }
@@ -2370,7 +2402,7 @@ class $n {
   timelineView;
   schedulantElRef;
   constructor(e, n) {
-    switch (this.schedulantElRef = n, this.schedulantApi = new ln(this, e), this.schedulantApi.getSchedulantViewType()) {
+    switch (this.schedulantElRef = n, this.schedulantApi = new rn(this, e), this.schedulantApi.getSchedulantViewType()) {
       case "Day":
         this.timelineView = new Fn(this.schedulantApi);
         break;
@@ -2431,7 +2463,7 @@ class $n {
   renderResourceLabel(e, n) {
     const s = this.schedulantApi.getResourceAreaColumns();
     return /* @__PURE__ */ a("thead", { children: /* @__PURE__ */ a("tr", { role: "row", children: s.map((i, r) => /* @__PURE__ */ a(
-      dn,
+      an,
       {
         schedulantApi: this.schedulantApi,
         cellResizerMouseUp: e,
@@ -2443,7 +2475,7 @@ class $n {
     )) }) });
   }
   renderResourceLane(e, n, s, i, r, o, l) {
-    const c = this.schedulantApi.getResourceAreaColumns(), d = (u) => c.map((h, A) => {
+    const c = this.schedulantApi.getResourceAreaColumns(), d = (h) => c.map((u, A) => {
       const p = l ? {
         isDraggable: l.isDraggable,
         activeId: l.dragState.activeId,
@@ -2454,24 +2486,24 @@ class $n {
         gn,
         {
           schedulantApi: this.schedulantApi,
-          resourceApi: u,
+          resourceApi: h,
           collapseIds: i,
           showPlusSquare: A === 0,
           showIndentation: !0,
           cellResizerMouseUp: r,
-          resourceAreaColumn: h,
+          resourceAreaColumn: u,
           cellResizerMouseDownFunc: o,
           isResizable: A != c.length - 1,
           ...p
         },
-        h.field
+        u.field
       );
     }), m = n.length > 0 ? n[0].start : 0, f = 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((u) => {
-        const h = e[u.index];
-        return /* @__PURE__ */ a("tr", { role: "row", children: d(h) }, h.getId());
+      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" } }) })
     ] });
@@ -2498,7 +2530,7 @@ const Gn = (t) => {
 ] });
 function Qn(t, e) {
   const n = t - e.top, s = e.height;
-  return n < s * Qt ? "before" : n > s * Kt ? "after" : "child";
+  return n < s * Gt ? "before" : n > s * Xt ? "after" : "child";
 }
 function Kn(t, e) {
   let n = e;
@@ -2519,40 +2551,40 @@ const Zn = (t, e) => {
   );
   o.current = new Map(t.map((f) => [f.getId(), f]));
   const l = C((f) => {
-    i.current = null, r.current = null, s({
+    i.current = null, r.current = null, un(String(f.active.id)), s({
       activeId: f.active.id,
       overId: null,
       dropPosition: null
     });
   }, []), c = C((f) => {
-    const { active: u, over: h, activatorEvent: A, delta: p } = f;
-    if (!h || u.id === h.id) {
+    const { active: h, over: u, activatorEvent: A, delta: p } = f;
+    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(h.id));
-    if (!S || Kn(String(u.id), S)) {
+    const S = o.current.get(String(u.id));
+    if (!S || Kn(String(h.id), S)) {
       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, {
-      top: h.rect.top,
-      height: h.rect.height
+      top: u.rect.top,
+      height: u.rect.height
     });
-    (r.current !== h.id || i.current !== g) && (r.current = h.id, i.current = g, s((y) => ({
+    (r.current !== u.id || i.current !== g) && (r.current = u.id, i.current = g, s((y) => ({
       ...y,
-      overId: h.id,
+      overId: u.id,
       dropPosition: g
     })));
   }, []), d = C((f) => {
-    const { active: u, over: h } = f, A = i.current, p = r.current;
-    if (h && u.id !== h.id && A && p) {
+    const { active: h, over: u } = f, A = i.current, p = r.current;
+    if (u && h.id !== u.id && A && p) {
       const S = document.querySelector(
         `[data-resource-id="${String(p)}"]`
       );
       e(
         S || document.body,
-        String(u.id),
+        String(h.id),
         String(p),
         A
       );
@@ -2573,35 +2605,35 @@ const Zn = (t, e) => {
   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, T, D, I) => {
-    const P = c.find((z) => z.getId() === T), N = c.find((z) => z.getId() === D);
-    if (P && N) {
+  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);
+    if (P && Y) {
       const z = P.getParent();
       l.resourceLaneMove({
         el: M,
         schedulantApi: l,
         draggedResourceApi: P,
-        targetResourceApi: N,
+        targetResourceApi: Y,
         position: I,
         oldParentResourceApi: z.isDefined() ? z.get() : void 0
       });
     }
-  }, [l, c]), { dragState: m, handleDragStart: f, handleDragMove: u, handleDragEnd: h, handleDragCancel: A } = Zn(c, d), p = _t(
-    Ye(Wt, { activationConstraint: { distance: 5 } }),
-    Ye(Ht)
+  }, [l, c]), { dragState: m, handleDragStart: f, handleDragMove: h, handleDragEnd: u, handleDragCancel: A } = Zn(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]);
   return /* @__PURE__ */ O(
-    zt,
+    Wt,
     {
       sensors: p,
-      collisionDetection: Vt,
-      modifiers: [Bt],
+      collisionDetection: Ht,
+      modifiers: [Vt],
       onDragStart: f,
-      onDragMove: u,
-      onDragEnd: h,
+      onDragMove: h,
+      onDragEnd: u,
       onDragCancel: A,
       children: [
-        /* @__PURE__ */ a(Nt, { items: S, strategy: Yt, children: /* @__PURE__ */ O(
+        /* @__PURE__ */ a(Pt, { items: S, strategy: Lt, children: /* @__PURE__ */ O(
           "table",
           {
             role: "presentation",
@@ -2616,7 +2648,7 @@ const Zn = (t, e) => {
             ]
           }
         ) }),
-        /* @__PURE__ */ a(Ft, { dropAnimation: null, modifiers: [Jn], children: v ? /* @__PURE__ */ a("div", { className: "schedulant-drag-overlay", children: v.getTitle() }) : null })
+        /* @__PURE__ */ a(zt, { dropAnimation: null, modifiers: [Jn], children: v ? /* @__PURE__ */ a("div", { className: "schedulant-drag-overlay", children: v.getTitle() }) : null })
       ]
     }
   );
@@ -2627,8 +2659,8 @@ const Zn = (t, e) => {
   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 } = De();
-  return Tt(() => {
+  }, []), [e, n] = re(0), { state: s } = Te();
+  return Et(() => {
     const i = () => {
       const d = t();
       n(d);
@@ -2661,7 +2693,7 @@ const Zn = (t, e) => {
     }
   );
 }, is = (t, e) => {
-  L(() => {
+  N(() => {
     const n = t.current, s = e.getScheduleApi();
     if (n)
       return s.schedulantDidMount({
@@ -2685,9 +2717,9 @@ function $(t, e, n) {
     if (!(f.length !== s.length || f.some((A, p) => s[p] !== A)))
       return i;
     s = f;
-    let h;
-    if (n.key && ((c = n.debug) != null && c.call(n)) && (h = 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() - h) * 100) / 100, S = p / 16, b = (g, y) => {
+    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;
@@ -2710,7 +2742,7 @@ function $(t, e, n) {
     s = l;
   }, o;
 }
-function it(t, e) {
+function rt(t, e) {
   if (t === void 0)
     throw new Error("Unexpected undefined");
   return t;
@@ -2720,7 +2752,7 @@ const rs = (t, e) => Math.abs(t - e) < 1.01, os = (t, e, n) => {
   return function(...i) {
     t.clearTimeout(s), s = t.setTimeout(() => e.apply(this, i), n);
   };
-}, rt = (t) => {
+}, ot = (t) => {
   const { offsetWidth: e, offsetHeight: n } = t;
   return { width: e, height: n };
 }, ls = (t) => t, as = (t) => {
@@ -2739,7 +2771,7 @@ const rs = (t, e) => Math.abs(t - e) < 1.01, os = (t, e, n) => {
     const { width: l, height: c } = o;
     e({ width: Math.round(l), height: Math.round(c) });
   };
-  if (i(rt(n)), !s.ResizeObserver)
+  if (i(ot(n)), !s.ResizeObserver)
     return () => {
     };
   const r = new s.ResizeObserver((o) => {
@@ -2752,16 +2784,16 @@ const rs = (t, e) => Math.abs(t - e) < 1.01, os = (t, e, n) => {
           return;
         }
       }
-      i(rt(n));
+      i(ot(n));
     };
     t.options.useAnimationFrameWithResizeObserver ? requestAnimationFrame(l) : l();
   });
   return r.observe(n, { box: "border-box" }), () => {
     r.unobserve(n);
   };
-}, ot = {
+}, lt = {
   passive: !0
-}, lt = typeof window > "u" ? !0 : "onscrollend" in window, ds = (t, e) => {
+}, at = typeof window > "u" ? !0 : "onscrollend" in window, ds = (t, e) => {
   const n = t.scrollElement;
   if (!n)
     return;
@@ -2769,7 +2801,7 @@ const rs = (t, e) => Math.abs(t - e) < 1.01, os = (t, e, n) => {
   if (!s)
     return;
   let i = 0;
-  const r = t.options.useScrollendEvent && lt ? () => {
+  const r = t.options.useScrollendEvent && at ? () => {
   } : os(
     s,
     () => {
@@ -2777,12 +2809,12 @@ const rs = (t, e) => Math.abs(t - e) < 1.01, os = (t, e, n) => {
     },
     t.options.isScrollingResetDelay
   ), o = (m) => () => {
-    const { horizontal: f, isRtl: u } = t.options;
-    i = f ? n.scrollLeft * (u && -1 || 1) : n.scrollTop, r(), e(i, m);
+    const { horizontal: f, isRtl: h } = t.options;
+    i = f ? n.scrollLeft * (h && -1 || 1) : n.scrollTop, r(), e(i, m);
   }, l = o(!0), c = o(!1);
-  n.addEventListener("scroll", l, ot);
-  const d = t.options.useScrollendEvent && lt;
-  return d && n.addEventListener("scrollend", c, ot), () => {
+  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) => {
@@ -2951,40 +2983,40 @@ class ms {
         if (!o)
           return this.measurementsCache = [], this.itemSizeCache.clear(), this.laneAssignments.clear(), [];
         if (this.laneAssignments.size > n)
-          for (const u of this.laneAssignments.keys())
-            u >= n && this.laneAssignments.delete(u);
-        this.lanesChangedFlag && (this.lanesChangedFlag = !1, this.lanesSettling = !0, this.measurementsCache = [], this.itemSizeCache.clear(), this.laneAssignments.clear(), this.pendingMeasuredCacheIndexes = []), this.measurementsCache.length === 0 && !this.lanesSettling && (this.measurementsCache = this.options.initialMeasurementsCache, this.measurementsCache.forEach((u) => {
-          this.itemSizeCache.set(u.key, u.size);
+          for (const h of this.laneAssignments.keys())
+            h >= n && this.laneAssignments.delete(h);
+        this.lanesChangedFlag && (this.lanesChangedFlag = !1, this.lanesSettling = !0, this.measurementsCache = [], this.itemSizeCache.clear(), this.laneAssignments.clear(), this.pendingMeasuredCacheIndexes = []), this.measurementsCache.length === 0 && !this.lanesSettling && (this.measurementsCache = this.options.initialMeasurementsCache, this.measurementsCache.forEach((h) => {
+          this.itemSizeCache.set(h.key, h.size);
         }));
         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(
           void 0
         );
-        for (let u = 0; u < d; u++) {
-          const h = m[u];
-          h && (f[h.lane] = u);
+        for (let h = 0; h < d; h++) {
+          const u = m[h];
+          u && (f[u.lane] = h);
         }
-        for (let u = d; u < n; u++) {
-          const h = r(u), A = this.laneAssignments.get(u);
+        for (let h = d; h < n; h++) {
+          const u = r(h), A = this.laneAssignments.get(h);
           let p, S;
           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;
           } else {
-            const v = this.options.lanes === 1 ? m[u - 1] : this.getFurthestMeasurement(m, u);
-            S = v ? v.end + this.options.gap : s + i, p = v ? v.lane : u % this.options.lanes, this.options.lanes > 1 && this.laneAssignments.set(u, p);
+            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 b = c.get(h), g = typeof b == "number" ? b : this.options.estimateSize(u), y = S + g;
-          m[u] = {
-            index: u,
+          const b = c.get(u), g = typeof b == "number" ? b : this.options.estimateSize(h), y = S + g;
+          m[h] = {
+            index: h,
             start: S,
             size: g,
             end: y,
-            key: h,
+            key: u,
             lane: p
-          }, f[p] = u;
+          }, f[p] = h;
         }
         return this.measurementsCache = m, m;
       },
@@ -3097,11 +3129,11 @@ class ms {
     ), this.getVirtualItemForOffset = (n) => {
       const s = this.getMeasurements();
       if (s.length !== 0)
-        return it(
-          s[At(
+        return rt(
+          s[vt(
             0,
             s.length - 1,
-            (i) => it(s[i]).start,
+            (i) => rt(s[i]).start,
             n
           )]
         );
@@ -3233,7 +3265,7 @@ class ms {
     this.scheduleScrollReconcile();
   }
 }
-const At = (t, e, n, s) => {
+const vt = (t, e, n, s) => {
   for (; t <= e; ) {
     const i = (t + e) / 2 | 0, r = n(i);
     if (r < s)
@@ -3257,7 +3289,7 @@ function gs({
       startIndex: 0,
       endIndex: i
     };
-  let o = At(
+  let o = vt(
     0,
     i,
     r,
@@ -3281,7 +3313,7 @@ function gs({
   }
   return { startIndex: o, endIndex: l };
 }
-const at = typeof document < "u" ? ie.useLayoutEffect : ie.useEffect;
+const ct = typeof document < "u" ? ie.useLayoutEffect : ie.useEffect;
 function fs({
   useFlushSync: t = !0,
   ...e
@@ -3290,12 +3322,12 @@ function fs({
     ...e,
     onChange: (r, o) => {
       var l;
-      t && o ? qt(n) : n(), (l = e.onChange) == null || l.call(e, r, o);
+      t && o ? Ft(n) : n(), (l = e.onChange) == null || l.call(e, r, o);
     }
   }, [i] = ie.useState(
     () => new ms(s)
   );
-  return i.setOptions(s), at(() => i._didMount(), []), at(() => i._willUpdate()), i;
+  return i.setOptions(s), ct(() => i._didMount(), []), ct(() => i._willUpdate()), i;
 }
 function ps(t) {
   return fs({
@@ -3311,29 +3343,24 @@ function ys(t, e) {
   };
   return t.forEach((i) => s(i)), n;
 }
-const vs = (t, e, n, s, i, r) => {
-  const o = F(
+const vs = (t, e, n, s) => {
+  const i = F(
     () => ys(e, n),
     [e, n]
-  ), l = C((d) => {
-    const m = o[d];
-    return m && m.getMilestoneApis().some(
-      (u) => !u.getTime().isBefore(i) && !u.getTime().isAfter(r)
-    ) ? s * ut : s;
-  }, [o, s, i, r]);
+  ), r = C(() => s, [s]);
   return { virtualizer: ps({
-    count: o.length,
+    count: i.length,
     getScrollElement: () => t.current,
-    estimateSize: l,
+    estimateSize: r,
     overscan: 5
-  }), visibleResources: o };
-}, Ls = (t) => /* @__PURE__ */ a($t, { children: /* @__PURE__ */ a(Ss, { ...t }) }), Ss = (t) => {
-  const { state: e, dispatch: n } = De(), s = k(null), i = k(null), r = k(null), o = k(null), l = k(null), c = k(null), {
+  }), visibleResources: i };
+}, Ls = (t) => /* @__PURE__ */ a(Ut, { children: /* @__PURE__ */ a(Ss, { ...t }) }), Ss = (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,
-    selectable: u,
-    lineHeight: h,
+    selectable: h,
+    lineHeight: u,
     slotMinWidth: A,
     schedulantMaxHeight: p,
     schedulantViewType: S,
@@ -3342,11 +3369,11 @@ const vs = (t, e, n, s, i, r) => {
     milestones: y,
     checkpoints: v,
     resourceAreaColumns: M,
-    resourceAreaWidth: T,
-    companyHolidays: D,
+    resourceAreaWidth: D,
+    companyHolidays: T,
     specialWorkdays: I,
     nationalHolidays: P,
-    dragHintColor: N,
+    dragHintColor: Y,
     selectionColor: z
   } = t, _ = F(
     () => new $n(t, s),
@@ -3355,8 +3382,8 @@ const vs = (t, e, n, s, i, r) => {
       d,
       m,
       f,
-      u,
       h,
+      u,
       A,
       p,
       S,
@@ -3365,11 +3392,11 @@ const vs = (t, e, n, s, i, r) => {
       y,
       v,
       M,
-      T,
       D,
+      T,
       I,
       P,
-      N,
+      Y,
       z
     ]
   ), R = F(() => _.getScheduleApi(), [_]);
@@ -3379,34 +3406,32 @@ const vs = (t, e, n, s, i, r) => {
     "--schedulant-selection-color": R.getSelectionColor()
   }), [R]), {
     datagridResizerMouseUp: q,
-    datagridResizerMouseDown: G,
-    datagridCellResizerMouseUp: ke,
-    datagridCellResizerMouseDownFunc: xe
-  } = cn(n, s, c), Ie = R.getTimelineApi(), { virtualizer: Oe, visibleResources: ne } = vs(
+    datagridResizerMouseDown: Q,
+    datagridCellResizerMouseUp: Oe,
+    datagridCellResizerMouseDownFunc: Ie
+  } = ln(n, s, c), { virtualizer: Pe, visibleResources: ne } = vs(
     o,
     R.getResourceApis(),
     e.collapseIds,
-    R.getLineHeight(),
-    Ie.getStart(),
-    Ie.getEnd()
+    R.getLineHeight()
   );
-  Jt(t.schedulantMaxHeight), is(s, _), tn(c, t.resourceAreaWidth), en(l, o, i, r);
+  Kt(t.schedulantMaxHeight), is(s, _), Jt(c, t.resourceAreaWidth), Zt(l, o, i, r);
   const ce = k(R.onResourceSelect());
   ce.current = R.onResourceSelect();
-  const Pe = C((U) => {
+  const Le = C((U) => {
     ce.current?.(U);
-  }, []), Le = F(
+  }, []), Ne = F(
     () => ne.map((U) => U.getId()),
     [ne]
-  ), Ne = C((U) => {
-    R.isSelectable() && hn(U.nativeEvent, Le, Pe);
-  }, [R, Le, Pe]);
-  return L(() => {
-    const U = (bt) => {
-      s.current && !s.current.contains(bt.target) && Te(ce.current);
+  ), Ye = C((U) => {
+    R.isSelectable() && hn(U.nativeEvent, Ne, Le);
+  }, [R, Ne, Le]);
+  return N(() => {
+    const U = (St) => {
+      s.current && !s.current.contains(St.target) && De(ce.current);
     };
     return document.addEventListener("click", U), () => document.removeEventListener("click", U);
-  }, []), /* @__PURE__ */ a("div", { className: "schedulant", ref: s, onMouseUp: q, onClick: Ne, onContextMenu: Ne, style: V, children: /* @__PURE__ */ a("div", { id: "schedulant-view-harness", className: "schedulant-view-harness", children: /* @__PURE__ */ a("div", { className: "schedulant-view", children: /* @__PURE__ */ O("table", { role: "grid", className: "schedulant-scrollgrid", children: [
+  }, []), /* @__PURE__ */ a("div", { className: "schedulant", ref: s, onMouseUp: q, onClick: Ye, onContextMenu: Ye, style: V, children: /* @__PURE__ */ a("div", { id: "schedulant-view-harness", className: "schedulant-view-harness", children: /* @__PURE__ */ a("div", { className: "schedulant-view", children: /* @__PURE__ */ O("table", { role: "grid", className: "schedulant-scrollgrid", children: [
     /* @__PURE__ */ O("colgroup", { children: [
       /* @__PURE__ */ a("col", { style: { width: e.resourceAreaWidth }, ref: c }),
       /* @__PURE__ */ a("col", {}),
@@ -3422,8 +3447,8 @@ const vs = (t, e, n, s, i, r) => {
             Gn,
             {
               schedulantView: _,
-              cellResizerMouseUp: ke,
-              cellResizerMouseDownFunc: xe
+              cellResizerMouseUp: Oe,
+              cellResizerMouseDownFunc: Ie
             }
           ) }) }) }),
           /* @__PURE__ */ a(
@@ -3432,7 +3457,7 @@ const vs = (t, e, n, s, i, r) => {
               role: "presentation",
               className: "schedulant-resource-timeline-divider",
               onMouseUp: q,
-              onMouseDown: G
+              onMouseDown: Q
             }
           ),
           /* @__PURE__ */ a("th", { role: "presentation", children: /* @__PURE__ */ a("div", { className: "schedulant-scroller-harness", children: /* @__PURE__ */ a("div", { className: "schedulant-scroller-head-right", ref: r, children: /* @__PURE__ */ a(
@@ -3456,11 +3481,11 @@ const vs = (t, e, n, s, i, r) => {
             es,
             {
               schedulantView: _,
-              virtualizer: Oe,
+              virtualizer: Pe,
               visibleResources: ne,
               collapseIds: e.collapseIds,
-              cellResizerMouseUp: ke,
-              cellResizerMouseDownFunc: xe
+              cellResizerMouseUp: Oe,
+              cellResizerMouseDownFunc: Ie
             }
           ) }) }) }),
           /* @__PURE__ */ a(
@@ -3469,7 +3494,7 @@ const vs = (t, e, n, s, i, r) => {
               role: "presentation",
               className: "schedulant-resource-timeline-divider",
               onMouseUp: q,
-              onMouseDown: G
+              onMouseDown: Q
             }
           ),
           /* @__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: [
@@ -3478,7 +3503,7 @@ const vs = (t, e, n, s, i, r) => {
               ss,
               {
                 schedulantView: _,
-                virtualizer: Oe,
+                virtualizer: Pe,
                 visibleResources: ne
               }
             )