schedulant 2.0.8 → 2.0.9-fixed.2

package/dist/schedulant.js

@@ -1,25 +1,25 @@
-import { jsx as a, Fragment as bt, jsxs as I } 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 N, 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 Z, Space as It } from "antd";
+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 Ot, MinusSquareOutlined as Pt } from "@ant-design/icons";
-import { useSortable as Lt, SortableContext as Nt, verticalListSortingStrategy as Yt } from "@dnd-kit/sortable";
-import { useSensors as _t, useSensor as We, 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 { 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"
-}, ut = "schedulant.state", Ut = () => {
+}, dt = "schedulant.state", Bt = () => {
   try {
-    const t = localStorage.getItem(ut);
+    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;
   }
-}, ht = wt(void 0), $t = ({ children: t }) => {
-  const [e, n] = Et(jt, void 0, Ut);
+}, ut = bt(void 0), Ut = ({ children: t }) => {
+  const [e, n] = Mt(qt, void 0, Bt);
   return N(() => {
-    localStorage.setItem(ut, JSON.stringify(e));
-  }, [e]), /* @__PURE__ */ a(ht.Provider, { value: { state: e, dispatch: n }, children: t });
-}, De = () => {
-  const t = Ct(ht);
+    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$/, "")), He = (t) => document.querySelector(`.${t}`), mt = 1.5, Gt = 0.7, W = 10, gt = 16, ze = 13, Xt = 0.1, Ve = 0.5, Qt = 0.25, Kt = 0.75, Zt = 100, Jt = (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 + ze, 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 + 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 + ze, 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) => {
+}, 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,31 +87,31 @@ 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) => {
+}, Jt = (t, e) => {
   N(() => {
     const n = t.current;
     n && e && (n.style.width = 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);
-        S && S.sort(le.compare).forEach((M) => {
-          const g = M.getId();
-          M.setDepth(p), M.setParent(c.get(A)), M.setChildren(u.get(g) || []);
+      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(h.get(g) || []);
           const y = l.get(g) || [];
-          y.forEach((T) => T.setResourceApi(M)), M.setEventApis(y);
+          y.forEach((D) => D.setResourceApi(b)), b.setEventApis(y);
           const v = d.get(g) || [];
-          v.forEach((T) => T.setResourceApi(M)), M.setMilestoneApis(v);
-          const b = m.get(g) || [];
-          b.forEach((T) => T.setResourceApi(M)), M.setCheckpointApis(b), f.push({ parentId: g, depth: p + 1 });
+          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 });
         });
       }
     }
-    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,10 +398,10 @@ class on {
     return x.fromNullable(this.checkpoint.extendedProps);
   }
 }
-E.extend(xt);
-E.extend(kt);
 E.extend(Rt);
+E.extend(Tt);
 E.extend(Dt);
+E.extend(Ct);
 class K {
   start;
   end;
@@ -432,10 +432,10 @@ class K {
       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 K {
     return i;
   }
 }
-class ln {
+class rn {
   schedulantProps;
   schedulantView;
   timelineApi;
@@ -610,7 +610,7 @@ class ln {
     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,7 +812,7 @@ class ln {
     return this.schedulantProps.onResourceSelect;
   }
 }
-const an = (t, e, n) => {
+const on = (t, e, n) => {
   N(() => {
     const s = t.current;
     if (s)
@@ -826,43 +826,43 @@ const an = (t, e, n) => {
         });
       };
   }, [t, e, n]);
-}, H = ({ condition: t, children: e, fallback: n }) => /* @__PURE__ */ a(bt, { children: t ? e : n }), cn = (t, e, n) => {
-  const s = k(-1), i = C(() => He("schedulant-datagrid-head"), []), r = C(() => He("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, M = p.firstElementChild, g = S?.children, y = M?.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], b = y[h], T = u.clientX - v.getBoundingClientRect().left, D = u.clientX - b.getBoundingClientRect().left;
-      v.style.width = w(T), b.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"));
       for (let y = 0; y < S.length; y++)
         S[y] === A && (s.current = y);
-      const M = i(), g = r();
-      M.addEventListener("mousemove", d), g.addEventListener("mousemove", d);
+      const b = i(), g = r();
+      b.addEventListener("mousemove", d), g.addEventListener("mousemove", d);
     } else
       console.error("trElement", p);
   }, [i, r, d, s]);
@@ -872,9 +872,9 @@ 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(
+  return on(e, t.resourceAreaColumn, t.schedulantApi), /* @__PURE__ */ a("th", { role: "columnheader", className: "schedulant-datagrid-cell", children: /* @__PURE__ */ a(
     Z,
     {
       disabled: !t.schedulantApi.isEnableResourceLabelContextMenu(),
@@ -892,7 +892,7 @@ const an = (t, e, n) => {
           });
         }
       },
-      children: /* @__PURE__ */ I("div", { className: "schedulant-datagrid-cell-frame", ref: e, children: [
+      children: /* @__PURE__ */ O("div", { className: "schedulant-datagrid-cell-frame", ref: e, children: [
         /* @__PURE__ */ a("div", { className: "schedulant-datagrid-cell-cushion schedulant-scrollgrid-sync-inner", children: /* @__PURE__ */ a(
           "span",
           {
@@ -911,7 +911,7 @@ const an = (t, e, n) => {
       ] })
     }
   ) });
-}, un = (t, e, n, s) => {
+}, cn = (t, e, n, s) => {
   N(() => {
     const i = t.current;
     if (i)
@@ -929,7 +929,7 @@ const an = (t, e, n) => {
         });
       };
   }, [t, e, n, s]);
-}, hn = (t) => /* @__PURE__ */ a(X, { component: () => /* @__PURE__ */ a(
+}, dn = (t) => /* @__PURE__ */ a(X, { component: () => /* @__PURE__ */ a(
   "svg",
   {
     className: "milestone-icon",
@@ -956,24 +956,24 @@ function Re() {
 function ke(t) {
   t?.(Array.from(L));
 }
-function ft() {
+function mt() {
   return L;
 }
-function Te(t) {
+function De(t) {
   L.size !== 0 && (L.clear(), G = null, Re(), ke(t));
 }
-function mn(t, e) {
+function un(t, e) {
   L.clear(), L.add(t), G = t, Re(), ke(e);
 }
-function gn(t, e, n) {
+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 && L.has(r))
@@ -984,14 +984,14 @@ function gn(t, e, n) {
     if (c !== -1 && d !== -1) {
       const m = Math.min(c, d), f = Math.max(c, d);
       o || L.clear();
-      for (let u = m; u <= f; u++)
-        L.add(e[u]);
+      for (let h = m; h <= f; 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);
   Re(), ke(n);
 }
-function fn(t, e, n) {
-  const s = ft();
+function mn(t, e, n) {
+  const s = mt();
   return s.size > 1 && s.has(e.getId()) ? {
     items: t.getResourceLaneMultiSelectContextMenuItems(),
     onClick: (r) => {
@@ -1018,37 +1018,37 @@ function fn(t, e, n) {
     }
   };
 }
-const pn = (t) => {
-  const { dispatch: e } = De(), n = k(null), i = t.schedulantApi.getScheduleView().getTimelineView().calculateLaneHeight(t.resourceApi), r = C((y, v) => {
-    const b = v.getResource();
-    if (Object.keys(b).includes(y)) {
-      const O = b[y];
-      if (typeof O == "string")
-        return O;
+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];
+      if (typeof I == "string")
+        return I;
     } else {
-      const O = b.extendedProps?.[y];
-      if (typeof O == "string" || typeof O == "number")
-        return O;
+      const I = M.extendedProps?.[y];
+      if (typeof I == "string" || typeof I == "number")
+        return I;
     }
     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(" ");
-  }, [A, p] = re(!1), [S, M] = re({}), g = C((y) => {
-    y && M(fn(t.schedulantApi, t.resourceApi, t.resourceAreaColumn)), p(y);
+    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]);
   return /* @__PURE__ */ a(
     "td",
     {
       ref: m,
       "data-resource-id": t.resourceApi.getId(),
-      className: h(),
+      className: u(),
       ...l ? {} : { ...c, ...d },
       children: /* @__PURE__ */ a(
         Z,
@@ -1059,22 +1059,22 @@ const pn = (t) => {
           open: A,
           onOpenChange: g,
           menu: S,
-          children: /* @__PURE__ */ I(
+          children: /* @__PURE__ */ O(
             "div",
             {
               className: "schedulant-datagrid-cell-frame",
               style: { height: w(i) },
               ref: n,
               children: [
-                /* @__PURE__ */ a("div", { className: "schedulant-datagrid-cell-cushion schedulant-scrollgrid-sync-inner", children: /* @__PURE__ */ I(It, { size: "small", children: [
-                  t.showPlusSquare && /* @__PURE__ */ I(
+                /* @__PURE__ */ a("div", { className: "schedulant-datagrid-cell-cushion schedulant-scrollgrid-sync-inner", children: /* @__PURE__ */ O(kt, { size: "small", children: [
+                  t.showPlusSquare && /* @__PURE__ */ O(
                     "span",
                     {
                       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)),
                         /* @__PURE__ */ a("span", { className: "schedulant-icon", children: t.collapseIds.some((y) => y === t.resourceApi.getId()) ? /* @__PURE__ */ a(
-                          Ot,
+                          xt,
                           {
                             onClick: () => e({
                               type: "EXPAND_RESOURCE",
@@ -1082,7 +1082,7 @@ const pn = (t) => {
                             })
                           }
                         ) : t.resourceApi.getChildren().length > 0 ? /* @__PURE__ */ a(
-                          Pt,
+                          Ot,
                           {
                             onClick: () => e({
                               type: "COLLAPSE_RESOURCE",
@@ -1093,9 +1093,9 @@ const pn = (t) => {
                       ]
                     }
                   ),
-                  /* @__PURE__ */ I("div", { className: "schedulant-datagrid-cell-main", children: [
+                  /* @__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(hn, { width: 14, height: 14, color: "#91003c" }) })
+                    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) }) })
@@ -1106,7 +1106,7 @@ const pn = (t) => {
       )
     }
   );
-}, yn = (t) => /* @__PURE__ */ a("colgroup", { children: t.resourceAreaColumns.map((e) => /* @__PURE__ */ a("col", { style: { minWidth: Zt } }, e.field)) }), vn = () => /* @__PURE__ */ a("div", { className: "schedulant-timeline-lane" }), Sn = (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 N(() => {
     const c = t.current;
@@ -1131,46 +1131,46 @@ const pn = (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 An(t) {
+function vn(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var ue, Fe;
+var ue, Ve;
 function xe() {
-  if (Fe) return ue;
-  Fe = 1;
+  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, Be;
-function Mn() {
-  if (Be) return he;
-  Be = 1;
+var he, Fe;
+function Sn() {
+  if (Fe) return he;
+  Fe = 1;
   var t = typeof se == "object" && se && se.Object === Object && se;
   return he = t, he;
 }
-var me, qe;
-function pt() {
-  if (qe) return me;
-  qe = 1;
-  var t = Mn(), e = typeof self == "object" && self && self.Object === Object && self, n = t || e || Function("return this")();
+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, Ue;
-function bn() {
-  if (Ue) return ge;
-  Ue = 1;
-  var t = pt(), e = function() {
+var ge, qe;
+function An() {
+  if (qe) return ge;
+  qe = 1;
+  var t = gt(), e = function() {
     return t.Date.now();
   };
   return ge = e, ge;
 }
-var fe, je;
-function wn() {
-  if (je) return fe;
-  je = 1;
+var fe, Ue;
+function bn() {
+  if (Ue) return fe;
+  Ue = 1;
   var t = /\s/;
   function e(n) {
     for (var s = n.length; s-- && t.test(n.charAt(s)); )
@@ -1179,28 +1179,28 @@ function wn() {
   }
   return fe = e, fe;
 }
-var pe, $e;
-function En() {
-  if ($e) return pe;
-  $e = 1;
-  var t = wn(), e = /^\s+/;
+var pe, je;
+function Mn() {
+  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, Ge;
-function yt() {
-  if (Ge) return ye;
-  Ge = 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, Xe;
-function Cn() {
-  if (Xe) return ve;
-  Xe = 1;
-  var t = yt(), e = Object.prototype, n = e.hasOwnProperty, s = e.toString, i = t ? t.toStringTag : void 0;
+var ve, Ge;
+function wn() {
+  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 {
@@ -1213,50 +1213,50 @@ function Cn() {
   }
   return ve = r, ve;
 }
-var Se, Qe;
-function Tn() {
-  if (Qe) return Se;
-  Qe = 1;
+var Se, Xe;
+function En() {
+  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, Ke;
-function Dn() {
-  if (Ke) return Ae;
-  Ke = 1;
-  var t = yt(), e = Cn(), n = Tn(), s = "[object Null]", i = "[object Undefined]", r = t ? t.toStringTag : void 0;
+var Ae, Qe;
+function Cn() {
+  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 Me, Ze;
-function Rn() {
-  if (Ze) return Me;
-  Ze = 1;
+var be, Ke;
+function Dn() {
+  if (Ke) return be;
+  Ke = 1;
   function t(e) {
     return e != null && typeof e == "object";
   }
-  return Me = t, Me;
+  return be = t, be;
 }
-var be, Je;
-function kn() {
-  if (Je) return be;
-  Je = 1;
-  var t = Dn(), e = Rn(), 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 be = s, be;
+  return Me = s, Me;
 }
-var we, et;
-function xn() {
-  if (et) return we;
-  et = 1;
-  var t = En(), e = xe(), n = kn(), s = NaN, i = /^[-+]0x[0-9a-f]+$/i, r = /^0b[01]+$/i, o = /^0o[0-7]+$/i, l = parseInt;
+var we, Je;
+function Rn() {
+  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;
@@ -1274,65 +1274,65 @@ function xn() {
   }
   return we = c, we;
 }
-var Ee, tt;
-function In() {
-  if (tt) return Ee;
-  tt = 1;
-  var t = xe(), e = bn(), n = xn(), s = "Expected a function", i = Math.max, r = Math.min;
+var Ee, et;
+function kn() {
+  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, M = !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) && (M = !!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 b(R) {
-      return S = R, A = setTimeout(O, c), M ? v(R) : h;
+    function M(R) {
+      return S = R, A = setTimeout(I, c), b ? v(R) : u;
     }
-    function T(R) {
+    function D(R) {
       var V = R - p, q = R - S, Q = c - V;
-      return g ? r(Q, u - q) : Q;
+      return g ? r(Q, h - q) : Q;
     }
-    function D(R) {
+    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 O() {
+    function I() {
       var R = e();
-      if (D(R))
+      if (T(R))
         return P(R);
-      A = setTimeout(O, 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 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 b(p);
+          return M(p);
         if (g)
-          return clearTimeout(A), A = setTimeout(O, c), v(p);
+          return clearTimeout(A), A = setTimeout(I, c), v(p);
       }
-      return A === void 0 && (A = setTimeout(O, c)), h;
+      return A === void 0 && (A = setTimeout(I, c)), u;
     }
     return _.cancel = Y, _.flush = z, _;
   }
   return Ee = o, Ee;
 }
-var Ce, nt;
-function On() {
-  if (nt) return Ce;
-  nt = 1;
-  var t = In(), e = xe(), n = "Expected a function";
+var Ce, tt;
+function xn() {
+  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")
@@ -1345,115 +1345,115 @@ function On() {
   }
   return Ce = s, Ce;
 }
-var Pn = On();
-const vt = /* @__PURE__ */ An(Pn), Ln = (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 b = t.schedulantApi.getScheduleView().getTimelineView(), T = g - n.current, D = t.timelineWidth, O = b.getTotalSlots(), P = Math.round(T / D * O), Y = P / O * D;
-    return { moveSlots: P, distance: Y, 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, b = 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: b,
-      height: w(T),
+      right: M,
+      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 b = o.current, { distance: T } = l(y);
-      switch (b) {
+      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, b = t.schedulantApi, T = o.current, { moveSlots: D, distance: O } = 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 + O, 0)), g.style.right = w(i.current - O);
-        const P = v.getStart().add(D, "day"), Y = v.getEnd().add(D, "day");
-        b.eventMove({
+        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,
           startDate: P,
           endDate: Y,
           eventApi: v,
-          schedulantApi: b
+          schedulantApi: M
         });
         break;
       }
       case "press_event_left": {
-        const P = Math.max(s.current + O, 0);
+        const P = Math.max(s.current + I, 0);
         g.style.left = w(P);
-        const Y = v.getStart().add(D, "day");
-        b.eventResizeStart({
+        const Y = v.getStart().add(T, "day");
+        M.eventResizeStart({
           el: g,
           date: Y,
           eventApi: v,
-          schedulantApi: b
+          schedulantApi: M
         });
         break;
       }
       case "press_event_right": {
-        const P = i.current - O;
+        const P = i.current - I;
         g.style.right = w(P);
-        const Y = v.getEnd().add(D, "day");
-        b.eventResizeEnd({
+        const Y = v.getEnd().add(T, "day");
+        M.eventResizeEnd({
           el: g,
           date: Y,
           eventApi: v,
-          schedulantApi: b
+          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: b } = l(g.clientX), T = s.current + b, D = i.current - b;
+      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, gt),
-    [u]
+  }, [t.timelineEventHarnessRef, m, l]), u = F(
+    () => pt(h, ht),
+    [h]
   ), A = C((g, y) => {
     g.preventDefault();
-    const v = t.schedulantApi.getSchedulantElRef().current, b = t.timelineEventHarnessRef.current;
-    b && v ? (r.current = !0, o.current = y, n.current = g.clientX, s.current = oe(b.style.left), i.current = oe(b.style.right), c(b), v.addEventListener("mousemove", h)) : (console.error("scheduleEl", v), console.error("timelineEventHarness", b));
-  }, [t.schedulantApi, t.timelineEventHarnessRef, c, h]), p = C((g) => {
+    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]), M = C((g) => {
+  }, [A]), b = C((g) => {
     A(g, "press_event_right");
   }, [A]);
   return N(() => {
@@ -1461,16 +1461,16 @@ const vt = /* @__PURE__ */ An(Pn), Ln = (t) => {
     if (y && g) {
       const v = g.parentElement?.parentElement;
       if (v) {
-        const b = (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", b), v.addEventListener("mouseout", b), () => {
-          v.removeEventListener("mouseup", b), v.removeEventListener("mouseout", b), y.removeEventListener("mousemove", h), h.cancel();
+        return v.addEventListener("mouseup", M), v.addEventListener("mouseout", M), () => {
+          v.removeEventListener("mouseup", M), v.removeEventListener("mouseout", M), y.removeEventListener("mousemove", u), u.cancel();
         };
       }
     }
-  }, [h, t, d, f]), { handleMouseDown: p, leftHandleMouseDown: S, rightHandleMouseDown: M };
-}, st = (t) => /* @__PURE__ */ a(X, { 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",
@@ -1487,7 +1487,7 @@ const vt = /* @__PURE__ */ An(Pn), Ln = (t) => {
       }
     )
   }
-), ...t }), it = (t) => /* @__PURE__ */ a(X, { component: () => /* @__PURE__ */ a(
+), ...t }), st = (t) => /* @__PURE__ */ a(X, { component: () => /* @__PURE__ */ a(
   "svg",
   {
     className: "drag-icon",
@@ -1498,7 +1498,7 @@ const vt = /* @__PURE__ */ An(Pn), Ln = (t) => {
     height: `${w(t.height)}`,
     children: /* @__PURE__ */ a("path", { d: "M368 0h32v1024h-32zM496 0h32v1024h-32zM624 0h32v1024h-32z", fill: t.color })
   }
-), ...t }), rt = (t) => /* @__PURE__ */ a(X, { component: () => /* @__PURE__ */ a(
+), ...t }), it = (t) => /* @__PURE__ */ a(X, { component: () => /* @__PURE__ */ a(
   "svg",
   {
     className: "triangle-left-icon",
@@ -1515,8 +1515,8 @@ const vt = /* @__PURE__ */ An(Pn), Ln = (t) => {
       }
     )
   }
-), ...t }), Nn = 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 } = Sn(e, t.schedulantApi, t.eventApi), { handleMouseDown: A, leftHandleMouseDown: p, rightHandleMouseDown: S } = Ln({
+), ...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({
     timelineEventHarnessRef: n,
     timelineWidth: t.timelineWidth,
     eventApi: t.eventApi,
@@ -1537,21 +1537,21 @@ const vt = /* @__PURE__ */ An(Pn), Ln = (t) => {
       trigger: ["contextMenu"],
       menu: {
         items: t.schedulantApi.getEventContextMenuItems(),
-        onClick: (M) => {
-          const { key: g, keyPath: y, domEvent: v } = M;
+        onClick: (b) => {
+          const { key: g, keyPath: y, domEvent: v } = b;
           t.schedulantApi.onEventContextMenuClick({
             key: g,
             keyPath: y,
             domEvent: v,
             isPast: f,
-            isFuture: u,
-            isProcess: h,
+            isFuture: h,
+            isProcess: u,
             eventApi: t.eventApi,
             schedulantApi: t.schedulantApi
           });
         }
       },
-      children: /* @__PURE__ */ I(
+      children: /* @__PURE__ */ O(
         "div",
         {
           className: "schedulant-timeline-event",
@@ -1567,21 +1567,21 @@ const vt = /* @__PURE__ */ An(Pn), Ln = (t) => {
                   {
                     condition: t.eventApi.getStart().isBefore(s.getStart()),
                     fallback: /* @__PURE__ */ a("div", { style: { width: W, height: d } }),
-                    children: /* @__PURE__ */ a(st, { 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(st, { 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(it, { width: W, height: d, color: "#FFFFFF" })
+                        children: /* @__PURE__ */ a(st, { width: W, height: d, color: "#FFFFFF" })
                       }
                     )
                   }
@@ -1648,21 +1648,21 @@ const vt = /* @__PURE__ */ An(Pn), Ln = (t) => {
                   {
                     condition: t.eventApi.getEnd().isAfter(s.getEnd()),
                     fallback: /* @__PURE__ */ a("div", { style: { width: W, height: d } }),
-                    children: /* @__PURE__ */ a(rt, { 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(rt, { 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(it, { width: W, height: d, color: "#FFFFFF" })
+                        children: /* @__PURE__ */ a(st, { width: W, height: d, color: "#FFFFFF" })
                       }
                     )
                   }
@@ -1674,7 +1674,7 @@ const vt = /* @__PURE__ */ An(Pn), Ln = (t) => {
       )
     }
   ) });
-}), Yn = (t, e, n) => {
+}), Ln = (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;
@@ -1697,39 +1697,39 @@ const vt = /* @__PURE__ */ An(Pn), Ln = (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, M = p.style.right, g = t.schedulantApi.getScheduleView().getTimelineView(), y = t.milestoneApi?.getResourceApi() ?? t.checkpointApi?.getResourceApi(), v = g.calculateLaneHeight(y), b = document.createElement("div");
-    b.className = e, Object.assign(b.style, {
+    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, {
       position: "absolute",
       zIndex: 1,
       left: S,
-      right: M,
+      right: b,
       height: w(v),
       backgroundColor: t.schedulantApi.getDragHintColor()
-    }), p.parentNode?.insertBefore(b, p);
+    }), p.parentNode?.insertBefore(M, p);
   }, [t, e]), l = C((p) => {
     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, b = g.getTotalSlots(), T = Math.round(y / v * b), D = T / b * 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: b
+      totalSlots: M
     };
   }, [t]), d = C((p, S) => {
-    const M = p.previousElementSibling;
-    if (M && M.className === e) {
+    const b = p.previousElementSibling;
+    if (b && b.className === e) {
       const { distance: g } = c(S);
-      M.style.left = w(Math.max(s.current + g, 0)), M.style.right = w(i.current - g);
+      b.style.left = w(Math.max(s.current + g, 0)), b.style.right = w(i.current - g);
     }
   }, [e, c]), m = C((p, S) => {
-    const { moveSlots: M, distance: g } = c(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(M, "day");
+      const y = t.milestoneApi.getTime().add(b, "day");
       t.schedulantApi.milestoneMove({
         el: p,
         date: y,
@@ -1737,7 +1737,7 @@ const vt = /* @__PURE__ */ An(Pn), Ln = (t) => {
         milestoneApi: t.milestoneApi
       });
     } else if (t.checkpointApi) {
-      const y = t.checkpointApi.getTime().add(M, "day");
+      const y = t.checkpointApi.getTime().add(b, "day");
       t.schedulantApi.checkpointMove({
         el: p,
         date: y,
@@ -1748,38 +1748,38 @@ const vt = /* @__PURE__ */ An(Pn), Ln = (t) => {
     n.current = 0;
   }, [t, c]), f = C((p) => {
     p.preventDefault();
-    const S = t.markerRef.current, M = r.current;
-    if (S && M) {
+    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);
     }
-  }, [t.markerRef, d]), u = F(
-    () => vt(f, gt),
+  }, [t.markerRef, d]), h = F(
+    () => pt(f, ht),
     [f]
-  ), h = C((p) => {
+  ), u = C((p) => {
     p.preventDefault();
-    const S = t.markerRef.current, M = r.current, g = t.schedulantApi.getSchedulantElRef().current;
-    M && 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) => {
+    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);
+  }, [h, t.markerRef, t.schedulantApi, l, m]), A = C((p) => {
     p.preventDefault();
-    const S = t.schedulantApi.getSchedulantElRef().current, M = t.markerRef.current;
-    S && M && (r.current = !0, n.current = p.clientX, s.current = oe(M.style.left), i.current = oe(M.style.right), o(M), S.addEventListener("mousemove", u));
-  }, [o, u, t.markerRef, t.schedulantApi]);
+    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));
+  }, [o, h, t.markerRef, t.schedulantApi]);
   return N(() => {
     const p = t.schedulantApi.getSchedulantElRef().current, S = t.markerRef.current;
     if (p && S) {
-      const M = S.parentElement?.parentElement;
-      if (M) {
+      const b = S.parentElement?.parentElement;
+      if (b) {
         const g = (y) => {
-          y.preventDefault(), r.current && !M.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 M.addEventListener("mouseup", g), M.addEventListener("mouseout", g), () => {
-          M.removeEventListener("mouseup", g), M.removeEventListener("mouseout", g), p.removeEventListener("mousemove", u), u.cancel();
+        return b.addEventListener("mouseup", g), b.addEventListener("mouseout", g), () => {
+          b.removeEventListener("mouseup", g), b.removeEventListener("mouseout", g), p.removeEventListener("mousemove", h), h.cancel();
         };
       }
     }
-  }, [u, t, l, m]), { handleMouseUp: h, handleMouseDown: A };
-}, _n = (t) => /* @__PURE__ */ a(X, { component: () => /* @__PURE__ */ I(
+  }, [h, t, l, m]), { handleMouseUp: u, handleMouseDown: A };
+}, Nn = (t) => /* @__PURE__ */ a(X, { component: () => /* @__PURE__ */ O(
   "svg",
   {
     className: "flag-icon",
@@ -1805,20 +1805,22 @@ const vt = /* @__PURE__ */ An(Pn), Ln = (t) => {
       )
     ]
   }
-), ...t }), Wn = 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 } = Yn(e, t.schedulantApi, t.milestoneApi), { handleMouseUp: u, handleMouseDown: h } = St({
+), ...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(
+    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(
+  }, onMouseUp: s ? h : void 0, onMouseDown: s ? u : void 0, ref: n, children: /* @__PURE__ */ a(
     Z,
     {
       disabled: !t.schedulantApi.isEnableMilestoneContextMenu(),
@@ -1827,23 +1829,31 @@ const vt = /* @__PURE__ */ An(Pn), Ln = (t) => {
       menu: {
         items: t.schedulantApi.getMilestoneContextMenuItems(),
         onClick: (A) => {
-          const { key: p, keyPath: S, domEvent: M } = A;
+          const { key: p, keyPath: S, domEvent: b } = A;
           t.schedulantApi.onMilestoneContextMenuClick({
             key: p,
             keyPath: S,
-            domEvent: M,
-            isPast: d,
-            isFuture: m,
-            isProcess: f,
+            domEvent: b,
+            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(_n, { width: l * Ve, height: l * Ve, 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 }) })
+        }
+      )
     }
   ) });
-}), Hn = (t, e, n) => {
+}), _n = (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;
@@ -1866,7 +1876,7 @@ const vt = /* @__PURE__ */ An(Pn), Ln = (t) => {
         });
       };
   }, [e, n, t, i, r, o]), { isPast: i, isFuture: r, isProcess: o };
-}, zn = (t) => /* @__PURE__ */ a(X, { component: () => /* @__PURE__ */ I(
+}, Wn = (t) => /* @__PURE__ */ a(X, { component: () => /* @__PURE__ */ O(
   "svg",
   {
     className: "droplet-icon",
@@ -1893,12 +1903,12 @@ const vt = /* @__PURE__ */ An(Pn), Ln = (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 }), Vn = ae((t) => {
+), ...t }), Hn = 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
-  } = Hn(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,
@@ -1915,8 +1925,8 @@ const vt = /* @__PURE__ */ An(Pn), Ln = (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(
         Z,
@@ -1927,11 +1937,11 @@ const vt = /* @__PURE__ */ An(Pn), Ln = (t) => {
           menu: {
             items: t.schedulantApi.getCheckpointContextMenuItems(),
             onClick: (A) => {
-              const { key: p, keyPath: S, domEvent: M } = A;
+              const { key: p, keyPath: S, domEvent: b } = A;
               t.schedulantApi.onCheckpointContextMenuClick({
                 key: p,
                 keyPath: S,
-                domEvent: M,
+                domEvent: b,
                 isPast: d,
                 isFuture: m,
                 isProcess: f,
@@ -1940,7 +1950,7 @@ const vt = /* @__PURE__ */ An(Pn), Ln = (t) => {
               });
             }
           },
-          children: /* @__PURE__ */ a("div", { className: "schedulant-timeline-checkpoint", ref: e, children: /* @__PURE__ */ a("div", { className: "schedulant-checkpoint-main", children: /* @__PURE__ */ a(zn, { 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(Wn, { width: l, height: l, color: i }) }) })
         }
       )
     }
@@ -1958,14 +1968,14 @@ class J {
     return this.schedulantApi.getTimelineApi();
   }
   renderLane() {
-    return /* @__PURE__ */ a(vn, {});
+    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(
-        Nn,
+        Pn,
         {
           eventApi: r,
           position: o,
@@ -1982,7 +1992,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(
-        Wn,
+        Yn,
         {
           position: o,
           milestoneApi: r,
@@ -1998,7 +2008,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(
-        Vn,
+        Hn,
         {
           position: o,
           timelineWidth: n,
@@ -2010,17 +2020,16 @@ 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() * mt;
+    return this.schedulantApi.getLineHeight();
   }
   calculateEventHeight() {
-    return this.schedulantApi.getLineHeight() * Gt;
+    return this.schedulantApi.getLineHeight() * jt;
   }
 }
 const ee = (t) => {
   const { dates: e, minWidth: n } = t;
   return /* @__PURE__ */ a("colgroup", { children: e.map((s) => /* @__PURE__ */ a("col", { style: { minWidth: n } }, s.format("YYYY-MM-DD"))) });
-}, Fn = (t, e, n) => {
+}, zn = (t, e, n) => {
   const s = n.isBefore(E(), "day"), i = n.isAfter(E(), "day"), r = n.isSame(E(), "day");
   N(() => {
     const o = t.current;
@@ -2047,7 +2056,7 @@ const ee = (t) => {
   }, [n, i, s, r, e, t]);
 }, te = ae((t) => {
   const e = k(null);
-  return Fn(e, t.schedulantApi, t.date), /* @__PURE__ */ a(
+  return zn(e, t.schedulantApi, t.date), /* @__PURE__ */ a(
     "td",
     {
       ref: e,
@@ -2057,7 +2066,7 @@ const ee = (t) => {
     },
     t.date.format("YYYY-MM-DD")
   );
-}), Bn = (t, e, n, s, i) => {
+}), Vn = (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;
@@ -2088,7 +2097,7 @@ const ee = (t) => {
   }, [n, o, r, l, s, e, i, t]);
 }, B = (t) => {
   const e = k(null);
-  return Bn(e, t.schedulantApi, t.date, t.level, t.timeText), /* @__PURE__ */ a(
+  return Vn(e, t.schedulantApi, t.date, t.level, t.timeText), /* @__PURE__ */ a(
     "th",
     {
       ref: e,
@@ -2107,7 +2116,7 @@ const ee = (t) => {
     t.date.format("YYYY-MM-DD")
   );
 };
-class qn extends J {
+class Fn extends J {
   renderColgroup() {
     const e = this.getSchedulantApi(), s = this.getTimelineApi().getDays(), i = e.getSlotMinWidth();
     return /* @__PURE__ */ a(ee, { dates: s, minWidth: i });
@@ -2127,7 +2136,7 @@ class qn extends J {
   }
   renderHeaderSlots() {
     const e = this.getTimelineApi(), n = e.getDays(), s = e.populateMonthsWithDays(), i = e.populateYearsWithDays();
-    return /* @__PURE__ */ I("tbody", { children: [
+    return /* @__PURE__ */ O("tbody", { children: [
       /* @__PURE__ */ a("tr", { role: "row", className: "schedulant-timeline-head-row", children: i.map((r) => /* @__PURE__ */ a(
         B,
         {
@@ -2190,7 +2199,7 @@ class qn extends J {
     return { left: o, right: l };
   }
 }
-class Un extends J {
+class Bn extends J {
   getTotalSlots() {
     return this.getTimelineApi().getMonths().length;
   }
@@ -2213,7 +2222,7 @@ class Un extends J {
   }
   renderHeaderSlots() {
     const e = this.getTimelineApi(), n = e.getMonths(), s = e.populateYearsWithMonths();
-    return /* @__PURE__ */ I("tbody", { children: [
+    return /* @__PURE__ */ O("tbody", { children: [
       /* @__PURE__ */ a("tr", { role: "row", className: "schedulant-timeline-head-row", children: s.map((i) => /* @__PURE__ */ a(
         B,
         {
@@ -2243,11 +2252,11 @@ class Un 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 jn extends J {
+class qn extends J {
   getTotalSlots() {
     return this.getTimelineApi().getQuarters().length;
   }
@@ -2270,7 +2279,7 @@ class jn extends J {
   }
   renderHeaderSlots() {
     const e = this.getTimelineApi(), n = e.getQuarters(), s = e.populateYearsWithQuarters();
-    return /* @__PURE__ */ I("tbody", { children: [
+    return /* @__PURE__ */ O("tbody", { children: [
       /* @__PURE__ */ a("tr", { role: "row", className: "schedulant-timeline-head-row", children: s.map((i) => /* @__PURE__ */ a(
         B,
         {
@@ -2300,11 +2309,11 @@ class jn 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"), M = o / p, g = S * M, 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 };
   }
 }
-class $n extends J {
+class Un extends J {
   getTotalSlots() {
     return this.getTimelineApi().getWeeks().length;
   }
@@ -2342,11 +2351,11 @@ class $n 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 Gn extends J {
+class jn extends J {
   getTotalSlots() {
     return this.getTimelineApi().getYears().length;
   }
@@ -2384,30 +2393,30 @@ class Gn 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"), M = o / p, g = S * M, 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 };
   }
 }
-class Xn {
+class $n {
   schedulantApi;
   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 qn(this.schedulantApi);
+        this.timelineView = new Fn(this.schedulantApi);
         break;
       case "Week":
-        this.timelineView = new $n(this.schedulantApi);
+        this.timelineView = new Un(this.schedulantApi);
         break;
       case "Month":
-        this.timelineView = new Un(this.schedulantApi);
+        this.timelineView = new Bn(this.schedulantApi);
         break;
       case "Quarter":
-        this.timelineView = new jn(this.schedulantApi);
+        this.timelineView = new qn(this.schedulantApi);
         break;
       case "Year":
-        this.timelineView = new Gn(this.schedulantApi);
+        this.timelineView = new jn(this.schedulantApi);
         break;
     }
   }
@@ -2428,7 +2437,7 @@ class Xn {
         {
           "data-resource-id": c.getId(),
           className: "schedulant-timeline-lane schedulant-resource",
-          children: /* @__PURE__ */ I("div", { className: "schedulant-timeline-lane-frame", style: { height: d }, children: [
+          children: /* @__PURE__ */ O("div", { className: "schedulant-timeline-lane-frame", style: { height: d }, children: [
             this.timelineView.renderLane(),
             /* @__PURE__ */ a("div", { className: "schedulant-timeline-lane-bg" }),
             this.timelineView.renderEvents(c, i),
@@ -2438,7 +2447,7 @@ class Xn {
         }
       ) }, c.getId());
     }, o = n.length > 0 ? n[0].start : 0, l = n.length > 0 ? s - n[n.length - 1].end : 0;
-    return /* @__PURE__ */ I("tbody", { children: [
+    return /* @__PURE__ */ O("tbody", { children: [
       o > 0 && /* @__PURE__ */ a("tr", { children: /* @__PURE__ */ a("td", { style: { height: o, padding: 0, border: "none" } }) }),
       n.map((c) => {
         const d = e[c.index];
@@ -2449,12 +2458,12 @@ class Xn {
   }
   renderResourceTableColgroup() {
     const e = this.schedulantApi.getResourceAreaColumns();
-    return /* @__PURE__ */ a(yn, { resourceAreaColumns: e });
+    return /* @__PURE__ */ a(fn, { resourceAreaColumns: e });
   }
   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,
@@ -2466,7 +2475,7 @@ class Xn {
     )) }) });
   }
   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,
@@ -2474,27 +2483,27 @@ class Xn {
         dropPosition: l.dragState.dropPosition
       } : {};
       return /* @__PURE__ */ a(
-        pn,
+        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__ */ I("tbody", { children: [
+    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" } }) })
     ] });
@@ -2509,21 +2518,21 @@ class Xn {
     return this.schedulantElRef;
   }
 }
-const Qn = (t) => {
+const Gn = (t) => {
   const { schedulantView: e, cellResizerMouseUp: n, cellResizerMouseDownFunc: s } = t;
-  return /* @__PURE__ */ I("table", { role: "presentation", className: "schedulant-datagrid-head schedulant-scrollgrid-sync-table", children: [
+  return /* @__PURE__ */ O("table", { role: "presentation", className: "schedulant-datagrid-head schedulant-scrollgrid-sync-table", children: [
     e.renderResourceTableColgroup(),
     e.renderResourceLabel(n, s)
   ] });
-}, Kn = (t) => /* @__PURE__ */ I("table", { "aria-hidden": !0, className: "schedulant-scrollgrid-sync-table", children: [
+}, Xn = (t) => /* @__PURE__ */ O("table", { "aria-hidden": !0, className: "schedulant-scrollgrid-sync-table", children: [
   t.schedulantView.renderTimelineTableColgroup(),
   t.schedulantView.renderTimelineHeaderTableSlots()
 ] });
-function Zn(t, e) {
+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 Jn(t, e) {
+function Kn(t, e) {
   let n = e;
   for (; n; ) {
     if (n.getId() === t) return !0;
@@ -2532,7 +2541,7 @@ function Jn(t, e) {
   }
   return !1;
 }
-const es = (t, e) => {
+const Zn = (t, e) => {
   const [n, s] = re({
     activeId: null,
     overId: null,
@@ -2542,40 +2551,40 @@ const es = (t, e) => {
   );
   o.current = new Map(t.map((f) => [f.getId(), f]));
   const l = C((f) => {
-    i.current = null, r.current = null, mn(String(f.active.id)), 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 || Jn(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 M = A.clientY + p.y, g = Zn(M, {
-      top: h.rect.top,
-      height: h.rect.height
+    const b = A.clientY + p.y, g = Qn(b, {
+      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
       );
@@ -2591,40 +2600,40 @@ const es = (t, e) => {
     handleDragEnd: d,
     handleDragCancel: m
   };
-}, ts = ({ transform: t, activatorEvent: e }) => e ? {
+}, Jn = ({ transform: t, activatorEvent: e }) => e ? {
   ...t,
   x: t.x + 20,
   y: t.y + 20
-} : t, ns = (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, T, D, O) => {
-    const P = c.find((z) => z.getId() === T), Y = c.find((z) => z.getId() === D);
+} : 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);
     if (P && Y) {
       const z = P.getParent();
       l.resourceLaneMove({
-        el: b,
+        el: M,
         schedulantApi: l,
         draggedResourceApi: P,
         targetResourceApi: Y,
-        position: O,
+        position: I,
         oldParentResourceApi: z.isDefined() ? z.get() : void 0
       });
     }
-  }, [l, c]), { dragState: m, handleDragStart: f, handleDragMove: u, handleDragEnd: h, handleDragCancel: A } = es(c, d), p = _t(
-    We(Wt, { activationConstraint: { delay: 300, tolerance: 5 } }),
-    We(Ht)
-  ), S = s.map((b) => b.getId()), M = l.isEditable(), g = n.getVirtualItems(), y = n.getTotalSize(), v = F(() => m.activeId ? c.find((b) => b.getId() === String(m.activeId)) ?? null : null, [m.activeId, c]);
-  return /* @__PURE__ */ I(
-    zt,
+  }, [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(
+    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__ */ I(
+        /* @__PURE__ */ a(Pt, { items: S, strategy: Lt, children: /* @__PURE__ */ O(
           "table",
           {
             role: "presentation",
@@ -2633,25 +2642,25 @@ const es = (t, e) => {
             children: [
               e.renderResourceTableColgroup(),
               e.renderResourceLane(s, g, y, i, r, o, {
-                isDraggable: M,
+                isDraggable: b,
                 dragState: m
               })
             ]
           }
         ) }),
-        /* @__PURE__ */ a(Ft, { dropAnimation: null, modifiers: [ts], 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 })
       ]
     }
   );
-}, ss = (t) => /* @__PURE__ */ a("div", { id: "schedulant-timeline-slots", className: "schedulant-timeline-slots", children: /* @__PURE__ */ I("table", { "aria-hidden": !0, children: [
+}, ts = (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()
-] }) }), is = () => {
+] }) }), 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 } = De();
-  return Tt(() => {
+  }, []), [e, n] = re(0), { state: s } = Te();
+  return Et(() => {
     const i = () => {
       const d = t();
       n(d);
@@ -2672,8 +2681,8 @@ const es = (t, e) => {
       window.removeEventListener("resize", r), c?.disconnect();
     };
   }, [t, s.resourceAreaWidth]), e;
-}, rs = (t) => {
-  const e = is(), n = t.virtualizer.getVirtualItems(), s = t.virtualizer.getTotalSize();
+}, ss = (t) => {
+  const e = ns(), n = t.virtualizer.getVirtualItems(), s = t.virtualizer.getTotalSize();
   return /* @__PURE__ */ a(
     "table",
     {
@@ -2683,7 +2692,7 @@ const es = (t, e) => {
       children: t.schedulantView.renderTimelineDrawingBoardTable(t.visibleResources, n, s, e)
     }
   );
-}, os = (t, e) => {
+}, is = (t, e) => {
   N(() => {
     const n = t.current, s = e.getScheduleApi();
     if (n)
@@ -2708,15 +2717,15 @@ 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, M = (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;
       };
       console.info(
-        `%c⏱ ${M(p, 5)} /${M(A, 5)} ms`,
+        `%c⏱ ${b(p, 5)} /${b(A, 5)} ms`,
         `
             font-size: .6rem;
             font-weight: bold;
@@ -2733,25 +2742,25 @@ function $(t, e, n) {
     s = l;
   }, o;
 }
-function ot(t, e) {
+function rt(t, e) {
   if (t === void 0)
     throw new Error("Unexpected undefined");
   return t;
 }
-const ls = (t, e) => Math.abs(t - e) < 1.01, as = (t, e, n) => {
+const rs = (t, e) => Math.abs(t - e) < 1.01, os = (t, e, n) => {
   let s;
   return function(...i) {
     t.clearTimeout(s), s = t.setTimeout(() => e.apply(this, i), n);
   };
-}, lt = (t) => {
+}, ot = (t) => {
   const { offsetWidth: e, offsetHeight: n } = t;
   return { width: e, height: n };
-}, cs = (t) => t, ds = (t) => {
+}, ls = (t) => t, as = (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;
-}, us = (t, e) => {
+}, cs = (t, e) => {
   const n = t.scrollElement;
   if (!n)
     return;
@@ -2762,7 +2771,7 @@ const ls = (t, e) => Math.abs(t - e) < 1.01, as = (t, e, n) => {
     const { width: l, height: c } = o;
     e({ width: Math.round(l), height: Math.round(c) });
   };
-  if (i(lt(n)), !s.ResizeObserver)
+  if (i(ot(n)), !s.ResizeObserver)
     return () => {
     };
   const r = new s.ResizeObserver((o) => {
@@ -2775,16 +2784,16 @@ const ls = (t, e) => Math.abs(t - e) < 1.01, as = (t, e, n) => {
           return;
         }
       }
-      i(lt(n));
+      i(ot(n));
     };
     t.options.useAnimationFrameWithResizeObserver ? requestAnimationFrame(l) : l();
   });
   return r.observe(n, { box: "border-box" }), () => {
     r.unobserve(n);
   };
-}, at = {
+}, lt = {
   passive: !0
-}, ct = typeof window > "u" ? !0 : "onscrollend" in window, hs = (t, e) => {
+}, at = typeof window > "u" ? !0 : "onscrollend" in window, ds = (t, e) => {
   const n = t.scrollElement;
   if (!n)
     return;
@@ -2792,23 +2801,23 @@ const ls = (t, e) => Math.abs(t - e) < 1.01, as = (t, e, n) => {
   if (!s)
     return;
   let i = 0;
-  const r = t.options.useScrollendEvent && ct ? () => {
-  } : as(
+  const r = t.options.useScrollendEvent && at ? () => {
+  } : os(
     s,
     () => {
       e(i, !1);
     },
     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, at);
-  const d = t.options.useScrollendEvent && ct;
-  return d && n.addEventListener("scrollend", c, at), () => {
+  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);
   };
-}, ms = (t, e, n) => {
+}, us = (t, e, n) => {
   if (e?.borderBoxSize) {
     const s = e.borderBoxSize[0];
     if (s)
@@ -2817,7 +2826,7 @@ const ls = (t, e) => Math.abs(t - e) < 1.01, as = (t, e, n) => {
       );
   }
   return t[n.options.horizontal ? "offsetWidth" : "offsetHeight"];
-}, gs = (t, {
+}, hs = (t, {
   adjustments: e = 0,
   behavior: n
 }, s) => {
@@ -2828,7 +2837,7 @@ const ls = (t, e) => Math.abs(t - e) < 1.01, as = (t, e, n) => {
     behavior: n
   });
 };
-class fs {
+class ms {
   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;
@@ -2869,11 +2878,11 @@ class fs {
         scrollPaddingStart: 0,
         scrollPaddingEnd: 0,
         horizontal: !1,
-        getItemKey: cs,
-        rangeExtractor: ds,
+        getItemKey: ls,
+        rangeExtractor: as,
         onChange: () => {
         },
-        measureElement: ms,
+        measureElement: us,
         initialRect: { width: 0, height: 0 },
         scrollMargin: 0,
         gap: 0,
@@ -2974,40 +2983,40 @@ class fs {
         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], b = v !== void 0 ? m[v] : void 0;
-            S = b ? b.end + this.options.gap : s + i;
+            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 M = c.get(h), g = typeof M == "number" ? M : 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;
       },
@@ -3022,7 +3031,7 @@ class fs {
         this.getScrollOffset(),
         this.options.lanes
       ],
-      (n, s, i, r) => this.range = n.length > 0 && s > 0 ? ps({
+      (n, s, i, r) => this.range = n.length > 0 && s > 0 ? gs({
         measurements: n,
         outerSize: s,
         scrollOffset: i,
@@ -3120,11 +3129,11 @@ class fs {
     ), this.getVirtualItemForOffset = (n) => {
       const s = this.getMeasurements();
       if (s.length !== 0)
-        return ot(
-          s[At(
+        return rt(
+          s[vt(
             0,
             s.length - 1,
-            (i) => ot(s[i]).start,
+            (i) => rt(s[i]).start,
             n
           )]
         );
@@ -3243,7 +3252,7 @@ class fs {
       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 && ls(i, this.getScrollOffset())) {
+    if (!o && rs(i, this.getScrollOffset())) {
       if (this.scrollState.stableFrames++, this.scrollState.stableFrames >= r) {
         this.scrollState = null;
         return;
@@ -3256,7 +3265,7 @@ class fs {
     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)
@@ -3268,7 +3277,7 @@ const At = (t, e, n, s) => {
   }
   return t > 0 ? t - 1 : 0;
 };
-function ps({
+function gs({
   measurements: t,
   outerSize: e,
   scrollOffset: n,
@@ -3280,7 +3289,7 @@ function ps({
       startIndex: 0,
       endIndex: i
     };
-  let o = At(
+  let o = vt(
     0,
     i,
     r,
@@ -3304,8 +3313,8 @@ function ps({
   }
   return { startIndex: o, endIndex: l };
 }
-const dt = typeof document < "u" ? ie.useLayoutEffect : ie.useEffect;
-function ys({
+const ct = typeof document < "u" ? ie.useLayoutEffect : ie.useEffect;
+function fs({
   useFlushSync: t = !0,
   ...e
 }) {
@@ -3313,84 +3322,79 @@ function ys({
     ...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 fs(s)
+    () => new ms(s)
   );
-  return i.setOptions(s), dt(() => i._didMount(), []), dt(() => i._willUpdate()), i;
+  return i.setOptions(s), ct(() => i._didMount(), []), ct(() => i._willUpdate()), i;
 }
-function vs(t) {
-  return ys({
-    observeElementRect: us,
-    observeElementOffset: hs,
-    scrollToFn: gs,
+function ps(t) {
+  return fs({
+    observeElementRect: cs,
+    observeElementOffset: ds,
+    scrollToFn: hs,
     ...t
   });
 }
-function Ss(t, e) {
+function ys(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 As = (t, e, n, s, i, r) => {
-  const o = F(
-    () => Ss(e, n),
+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 * mt : s;
-  }, [o, s, i, r]);
-  return { virtualizer: vs({
-    count: o.length,
+  ), r = C(() => s, [s]);
+  return { virtualizer: ps({
+    count: i.length,
     getScrollElement: () => t.current,
-    estimateSize: l,
+    estimateSize: r,
     overscan: 5
-  }), visibleResources: o };
-}, Ys = (t) => /* @__PURE__ */ a($t, { children: /* @__PURE__ */ a(Ms, { ...t }) }), Ms = (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,
-    events: M,
+    events: b,
     resources: g,
     milestones: y,
     checkpoints: v,
-    resourceAreaColumns: b,
-    resourceAreaWidth: T,
-    companyHolidays: D,
-    specialWorkdays: O,
+    resourceAreaColumns: M,
+    resourceAreaWidth: D,
+    companyHolidays: T,
+    specialWorkdays: I,
     nationalHolidays: P,
     dragHintColor: Y,
     selectionColor: z
   } = t, _ = F(
-    () => new Xn(t, s),
+    () => new $n(t, s),
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [
       d,
       m,
       f,
-      u,
       h,
+      u,
       A,
       p,
       S,
-      M,
+      b,
       g,
       y,
       v,
-      b,
-      T,
+      M,
       D,
-      O,
+      T,
+      I,
       P,
       Y,
       z
@@ -3403,50 +3407,48 @@ const As = (t, e, n, s, i, r) => {
   }), [R]), {
     datagridResizerMouseUp: q,
     datagridResizerMouseDown: Q,
-    datagridCellResizerMouseUp: Ie,
-    datagridCellResizerMouseDownFunc: Oe
-  } = cn(n, s, c), Pe = R.getTimelineApi(), { virtualizer: Le, visibleResources: ne } = As(
+    datagridCellResizerMouseUp: Oe,
+    datagridCellResizerMouseDownFunc: Ie
+  } = ln(n, s, c), { virtualizer: Pe, visibleResources: ne } = vs(
     o,
     R.getResourceApis(),
     e.collapseIds,
-    R.getLineHeight(),
-    Pe.getStart(),
-    Pe.getEnd()
+    R.getLineHeight()
   );
-  Jt(t.schedulantMaxHeight), os(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 Ne = C((U) => {
+  const Le = C((U) => {
     ce.current?.(U);
-  }, []), Ye = F(
+  }, []), Ne = F(
     () => ne.map((U) => U.getId()),
     [ne]
-  ), _e = C((U) => {
-    R.isSelectable() && gn(U.nativeEvent, Ye, Ne);
-  }, [R, Ye, Ne]);
+  ), Ye = C((U) => {
+    R.isSelectable() && hn(U.nativeEvent, Ne, Le);
+  }, [R, Ne, Le]);
   return N(() => {
-    const U = (Mt) => {
-      s.current && !s.current.contains(Mt.target) && Te(ce.current);
+    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: _e, onContextMenu: _e, style: V, children: /* @__PURE__ */ a("div", { id: "schedulant-view-harness", className: "schedulant-view-harness", children: /* @__PURE__ */ a("div", { className: "schedulant-view", children: /* @__PURE__ */ I("table", { role: "grid", className: "schedulant-scrollgrid", children: [
-    /* @__PURE__ */ I("colgroup", { 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", {}),
       /* @__PURE__ */ a("col", {})
     ] }),
-    /* @__PURE__ */ a("thead", { children: /* @__PURE__ */ I(
+    /* @__PURE__ */ a("thead", { children: /* @__PURE__ */ O(
       "tr",
       {
         role: "presentation",
         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(
-            Qn,
+            Gn,
             {
               schedulantView: _,
-              cellResizerMouseUp: Ie,
-              cellResizerMouseDownFunc: Oe
+              cellResizerMouseUp: Oe,
+              cellResizerMouseDownFunc: Ie
             }
           ) }) }) }),
           /* @__PURE__ */ a(
@@ -3463,27 +3465,27 @@ const As = (t, e, n, s, i, r) => {
             {
               id: "schedulant-timeline-head",
               className: "schedulant-timeline-head",
-              children: /* @__PURE__ */ a(Kn, { schedulantView: _ })
+              children: /* @__PURE__ */ a(Xn, { schedulantView: _ })
             }
           ) }) }) })
         ]
       }
     ) }),
-    /* @__PURE__ */ a("tbody", { children: /* @__PURE__ */ I(
+    /* @__PURE__ */ a("tbody", { children: /* @__PURE__ */ O(
       "tr",
       {
         role: "presentation",
         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(
-            ns,
+            es,
             {
               schedulantView: _,
-              virtualizer: Le,
+              virtualizer: Pe,
               visibleResources: ne,
               collapseIds: e.collapseIds,
-              cellResizerMouseUp: Ie,
-              cellResizerMouseDownFunc: Oe
+              cellResizerMouseUp: Oe,
+              cellResizerMouseDownFunc: Ie
             }
           ) }) }) }),
           /* @__PURE__ */ a(
@@ -3495,13 +3497,13 @@ const As = (t, e, n, s, i, r) => {
               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__ */ I("div", { className: "schedulant-timeline-body", children: [
-            /* @__PURE__ */ a(ss, { schedulantView: _ }),
+          /* @__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(
-              rs,
+              ss,
               {
                 schedulantView: _,
-                virtualizer: Le,
+                virtualizer: Pe,
                 visibleResources: ne
               }
             )
@@ -3512,5 +3514,5 @@ const As = (t, e, n, s, i, r) => {
   ] }) }) }) });
 };
 export {
-  Ys as Schedulant
+  Ls as Schedulant
 };