schedulant 2.0.7-fixed.5.1 → 2.0.8

package/dist/schedulant.js

@@ -1,27 +1,27 @@
-import { jsx as a, Fragment as ft, jsxs as O } from "react/jsx-runtime";
-import * as te from "react";
-import { createContext as pt, useReducer as vt, useEffect as N, useContext as yt, useRef as k, useCallback as T, useMemo as B, memo as ie, useState as st, useLayoutEffect as At } from "react";
+import { jsx as a, Fragment as bt, jsxs as I } 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 E from "dayjs";
-import St from "dayjs/plugin/weekYear";
-import bt from "dayjs/plugin/weekOfYear";
-import Mt from "dayjs/plugin/quarterOfYear";
-import wt from "dayjs/plugin/isSameOrBefore";
-import { Dropdown as G, Space as Et } from "antd";
-import { PlusSquareOutlined as Ct, MinusSquareOutlined as Tt } from "@ant-design/icons";
-import { useSortable as Dt, SortableContext as Rt, verticalListSortingStrategy as kt } from "@dnd-kit/sortable";
+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 X from "@ant-design/icons/lib/components/Icon";
-import { useSensors as xt, useSensor as xe, PointerSensor as Ot, KeyboardSensor as It, DndContext as Pt, closestCenter as Nt, DragOverlay as Lt } from "@dnd-kit/core";
-import { restrictToVerticalAxis as Yt } from "@dnd-kit/modifiers";
-import { flushSync as _t } from "react-dom";
-const re = {
+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";
+const de = {
   EXPAND_RESOURCE: "EXPAND_RESOURCE",
   COLLAPSE_RESOURCE: "COLLAPSE_RESOURCE",
   SET_RESOURCE_AREA_WIDTH: "SET_RESOURCE_AREA_WIDTH"
-}, it = "schedulant.state", Wt = () => {
+}, ut = "schedulant.state", Ut = () => {
   try {
-    const s = localStorage.getItem(it);
-    if (s)
-      return JSON.parse(s);
+    const t = localStorage.getItem(ut);
+    if (t)
+      return JSON.parse(t);
   } catch {
     console.warn("Error parsing schedulant local storage");
   }
@@ -29,93 +29,93 @@ const re = {
     collapseIds: [],
     resourceAreaWidth: "20%"
   };
-}, Ht = (s, e) => {
+}, jt = (t, e) => {
   switch (e.type) {
-    case re.EXPAND_RESOURCE:
+    case de.EXPAND_RESOURCE:
       return {
-        ...s,
-        collapseIds: s.collapseIds.filter((t) => t !== e.id)
+        ...t,
+        collapseIds: t.collapseIds.filter((n) => n !== e.id)
       };
-    case re.COLLAPSE_RESOURCE:
+    case de.COLLAPSE_RESOURCE:
       return {
-        ...s,
-        collapseIds: [...s.collapseIds, e.id]
+        ...t,
+        collapseIds: [...t.collapseIds, e.id]
       };
-    case re.SET_RESOURCE_AREA_WIDTH:
+    case de.SET_RESOURCE_AREA_WIDTH:
       return {
-        ...s,
+        ...t,
         resourceAreaWidth: e.width
       };
     default:
-      return s;
+      return t;
   }
-}, rt = pt(void 0), zt = ({ children: s }) => {
-  const [e, t] = vt(Ht, void 0, Wt);
+}, ht = wt(void 0), $t = ({ children: t }) => {
+  const [e, n] = Et(jt, void 0, Ut);
   return N(() => {
-    localStorage.setItem(it, JSON.stringify(e));
-  }, [e]), /* @__PURE__ */ a(rt.Provider, { value: { state: e, dispatch: t }, children: s });
-}, be = () => {
-  const s = yt(rt);
-  if (s === void 0)
+    localStorage.setItem(ut, JSON.stringify(e));
+  }, [e]), /* @__PURE__ */ a(ht.Provider, { value: { state: e, dispatch: n }, children: t });
+}, De = () => {
+  const t = Ct(ht);
+  if (t === void 0)
     throw new Error("useSchedulantContext must be used within a SchedulantProvider");
-  return s;
-}, w = (s) => `${s}px`, ne = (s) => Number(s.replace(/px$/, "")), Oe = (s) => document.querySelector(`.${s}`), ot = 1.5, Vt = 0.7, _ = 10, lt = 16, Ie = 13, Ft = 0.1, Pe = 0.5, Bt = 0.25, qt = 0.75, Ut = 100, jt = (s) => {
+  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) => {
   N(() => {
-    const e = document.getElementById("schedulant-view-harness"), t = document.getElementById("schedulant-datagrid-body"), n = document.getElementById("schedulant-timeline-head"), i = t ? t.getBoundingClientRect().height : 0, r = n ? n.getBoundingClientRect().height : 0, o = i + r + Ie, l = s - o > 0 ? o : s;
+    const e = document.getElementById("schedulant-view-harness"), n = document.getElementById("schedulant-datagrid-body"), s = document.getElementById("schedulant-timeline-head"), i = n ? n.getBoundingClientRect().height : 0, r = s ? s.getBoundingClientRect().height : 0, o = i + r + ze, l = t - o > 0 ? o : t;
     e && (e.style.height = w(l));
     const c = () => {
-      const m = t ? t.getBoundingClientRect().height : 0, f = n ? n.getBoundingClientRect().height : 0, h = m + f + Ie, d = s - h > 0 ? h : s;
-      e && (e.style.height = w(d));
-    }, u = new ResizeObserver(() => {
+      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));
+    }, d = new ResizeObserver(() => {
       c();
     });
-    return t && u.observe(t), n && u.observe(n), () => {
-      u.disconnect();
+    return n && d.observe(n), s && d.observe(s), () => {
+      d.disconnect();
     };
-  }, [s]);
-}, $t = (s, e, t, n) => {
+  }, [t]);
+}, en = (t, e, n, s) => {
   N(() => {
-    const i = s.current, r = e.current, o = t.current, l = n.current;
+    const i = t.current, r = e.current, o = n.current, l = s.current;
     if (!i || !r || !o || !l) return;
-    const c = [], u = (m, f, h, d) => {
-      m.addEventListener(f, h, d), c.push(() => m.removeEventListener(f, h));
+    const c = [], d = (m, f, u, h) => {
+      m.addEventListener(f, u, h), c.push(() => m.removeEventListener(f, u));
     };
-    return u(r, "scroll", () => {
+    return d(r, "scroll", () => {
       i.scrollTop = r.scrollTop, l.scrollLeft = r.scrollLeft;
-    }), u(i, "scroll", () => {
+    }), d(i, "scroll", () => {
       o.scrollLeft = i.scrollLeft;
-    }), u(i, "wheel", ((m) => {
+    }), d(i, "wheel", ((m) => {
       let f = !1;
       if (m.deltaY !== 0) {
-        const h = r.scrollHeight - r.clientHeight, d = Math.max(0, Math.min(h, r.scrollTop + m.deltaY));
-        r.scrollTop = d, i.scrollTop = d, f = !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;
       }
       if (f && m.deltaX !== 0) {
-        const h = i.scrollWidth - i.clientWidth, d = Math.max(0, Math.min(h, i.scrollLeft + m.deltaX));
-        i.scrollLeft = d, o.scrollLeft = d;
+        const u = i.scrollWidth - i.clientWidth, h = Math.max(0, Math.min(u, i.scrollLeft + m.deltaX));
+        i.scrollLeft = h, o.scrollLeft = h;
       } else if (m.deltaX !== 0) {
-        const h = i.scrollWidth - i.clientWidth;
-        o.scrollLeft = Math.max(0, Math.min(h, i.scrollLeft + m.deltaX));
+        const u = i.scrollWidth - i.clientWidth;
+        o.scrollLeft = Math.max(0, Math.min(u, i.scrollLeft + m.deltaX));
       }
       f && m.preventDefault();
-    }), { passive: !1 }), u(r, "wheel", ((m) => {
+    }), { passive: !1 }), d(r, "wheel", ((m) => {
       let f = !1;
       if (m.deltaY !== 0) {
-        const h = r.scrollHeight - r.clientHeight, d = Math.max(0, Math.min(h, r.scrollTop + m.deltaY));
-        r.scrollTop = d, i.scrollTop = d, f = !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;
       }
       if (m.deltaX !== 0) {
-        const h = r.scrollWidth - r.clientWidth, d = Math.max(0, Math.min(h, r.scrollLeft + m.deltaX));
-        r.scrollLeft = d, l.scrollLeft = d, f = !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;
       }
       f && m.preventDefault();
     }), { passive: !1 }), () => c.forEach((m) => m());
-  }, [s, e, t, n]);
-}, Gt = (s, e) => {
+  }, [t, e, n, s]);
+}, tn = (t, e) => {
   N(() => {
-    const t = s.current;
-    t && e && (t.style.width = e);
-  }, [s, e]);
+    const n = t.current;
+    n && e && (n.style.width = e);
+  }, [t, e]);
 };
 class x {
   value;
@@ -143,7 +143,7 @@ class x {
     return this.isDefined() ? this.value : e;
   }
 }
-class Xt {
+class nn {
   event;
   resourceApi;
   constructor(e) {
@@ -194,14 +194,14 @@ class Xt {
     return x.fromNullable(this.event.extendedProps);
   }
 }
-const q = (s, e) => {
-  const t = {};
-  return s.forEach((n) => {
-    const i = e(n);
-    t[i] ? t[i].push(n) : t[i] = [n];
-  }), t;
+const j = (t, e) => {
+  const n = {};
+  return t.forEach((s) => {
+    const i = e(s);
+    n[i] ? n[i].push(s) : n[i] = [s];
+  }), n;
 };
-class Qt {
+class sn {
   depth;
   resource;
   parent;
@@ -285,45 +285,45 @@ class Qt {
     return x.fromNullable(this.resource.extendedProps);
   }
 }
-class se {
-  static compare(e, t) {
-    const n = e.getExtendedProps().getOrElse({ order: 0 }).order, i = t.getExtendedProps().getOrElse({ order: 0 }).order;
-    return (typeof n == "number" ? n : 0) - (typeof i == "number" ? i : 0);
+class le {
+  static compare(e, n) {
+    const s = e.getExtendedProps().getOrElse({ order: 0 }).order, i = n.getExtendedProps().getOrElse({ order: 0 }).order;
+    return (typeof s == "number" ? s : 0) - (typeof i == "number" ? i : 0);
   }
-  static createTree(e, t, n, i) {
-    const r = "undefined", o = e.map((d) => new Qt(d)), l = new Map(Object.entries(q(t, (d) => d.getResourceId()))), c = o.reduce((d, v) => d.set(v.getId(), v), /* @__PURE__ */ new Map()), u = new Map(Object.entries(q(n, (d) => d.getResourceId()))), m = new Map(Object.entries(q(i, (d) => d.getResourceId()))), f = [{ parentId: r, depth: 0 }], h = new Map(Object.entries(q(o, (d) => d.getParentId().getOrElse(r))));
+  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))));
     for (; f.length > 0; ) {
-      const d = f.pop();
-      if (d) {
-        const { parentId: v, depth: p } = d, y = h.get(v);
-        y && y.sort(se.compare).forEach((b) => {
-          const g = b.getId();
-          b.setDepth(p), b.setParent(c.get(v)), b.setChildren(h.get(g) || []);
-          const A = l.get(g) || [];
-          A.forEach((C) => C.setResourceApi(b)), b.setEventApis(A);
-          const S = u.get(g) || [];
-          S.forEach((C) => C.setResourceApi(b)), b.setMilestoneApis(S);
-          const M = m.get(g) || [];
-          M.forEach((C) => C.setResourceApi(b)), b.setCheckpointApis(M), f.push({ parentId: g, depth: p + 1 });
+      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 y = l.get(g) || [];
+          y.forEach((T) => T.setResourceApi(M)), M.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 });
         });
       }
     }
-    return h.get(r) || [];
+    return u.get(r) || [];
   }
   static flatMapTree(e) {
-    const t = [], n = [...e];
-    for (; n.length > 0; ) {
-      const i = n.pop();
+    const n = [], s = [...e];
+    for (; s.length > 0; ) {
+      const i = s.pop();
       if (i) {
-        t.push(i);
+        n.push(i);
         for (let r = i.getChildren().length - 1; r >= 0; r--)
-          n.push(i.getChildren()[r]);
+          s.push(i.getChildren()[r]);
       }
     }
-    return t;
+    return n;
   }
 }
-class Kt {
+class rn {
   milestone;
   resourceApi;
   constructor(e) {
@@ -362,7 +362,7 @@ class Kt {
     return x.fromNullable(this.milestone.extendedProps);
   }
 }
-class Zt {
+class on {
   checkpoint;
   resourceApi;
   constructor(e) {
@@ -398,11 +398,11 @@ class Zt {
     return x.fromNullable(this.checkpoint.extendedProps);
   }
 }
-E.extend(wt);
-E.extend(Mt);
-E.extend(bt);
-E.extend(St);
-class $ {
+E.extend(xt);
+E.extend(kt);
+E.extend(Rt);
+E.extend(Dt);
+class K {
   start;
   end;
   timelineData;
@@ -415,8 +415,8 @@ class $ {
   monthPositionCache = /* @__PURE__ */ new Map();
   quarterPositionCache = /* @__PURE__ */ new Map();
   yearPositionCache = /* @__PURE__ */ new Map();
-  generateTimelineData(e, t) {
-    let n = e.clone();
+  generateTimelineData(e, n) {
+    let s = e.clone();
     const i = {
       years: {},
       months: {},
@@ -426,16 +426,16 @@ class $ {
     };
     this.dayPositionCache.clear(), this.weekPositionCache.clear(), this.monthPositionCache.clear(), this.quarterPositionCache.clear(), this.yearPositionCache.clear();
     let r = 0;
-    const o = /* @__PURE__ */ new Map(), l = /* @__PURE__ */ new Map(), c = /* @__PURE__ */ new Map(), u = /* @__PURE__ */ new Map();
-    for (; n.isSameOrBefore(t, "day"); ) {
-      const m = n.startOf("year").format("YYYY-MM-DD");
-      i.years[m] = i.years[m] || [], i.years[m].push(n.clone()), u.has(m) || u.set(m, u.size);
-      const f = n.startOf("quarter").format("YYYY-MM-DD");
-      i.quarters[f] = i.quarters[f] || [], i.quarters[f].push(n.clone()), c.has(f) || c.set(f, c.size);
-      const h = n.startOf("month").format("YYYY-MM-DD");
-      i.months[h] = i.months[h] || [], i.months[h].push(n.clone()), l.has(h) || l.set(h, l.size);
-      const d = n.startOf("week").format("YYYY-MM-DD");
-      i.weeks[d] = i.weeks[d] || [], i.weeks[d].push(n.clone()), o.has(d) || o.set(d, o.size), i.days.push(n.clone()), this.dayPositionCache.set(n.format("YYYY-MM-DD"), r), r++, n = n.add(1, "day");
+    const o = /* @__PURE__ */ new Map(), l = /* @__PURE__ */ new Map(), c = /* @__PURE__ */ new Map(), d = /* @__PURE__ */ new Map();
+    for (; s.isSameOrBefore(n, "day"); ) {
+      const m = s.startOf("year").format("YYYY-MM-DD");
+      i.years[m] = i.years[m] || [], i.years[m].push(s.clone()), d.has(m) || d.set(m, d.size);
+      const f = s.startOf("quarter").format("YYYY-MM-DD");
+      i.quarters[f] = i.quarters[f] || [], i.quarters[f].push(s.clone()), c.has(f) || c.set(f, c.size);
+      const 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");
     }
     return o.forEach((m, f) => {
       this.weekPositionCache.set(f, m);
@@ -443,12 +443,12 @@ class $ {
       this.monthPositionCache.set(f, m);
     }), c.forEach((m, f) => {
       this.quarterPositionCache.set(f, m);
-    }), u.forEach((m, f) => {
+    }), d.forEach((m, f) => {
       this.yearPositionCache.set(f, m);
     }), i;
   }
-  constructor(e, t) {
-    this.start = e, this.end = t, this.timelineData = this.generateTimelineData(e, t);
+  constructor(e, n) {
+    this.start = e, this.end = n, this.timelineData = this.generateTimelineData(e, n);
   }
   setStart(e) {
     this.start = e, this.timelineData = this.generateTimelineData(e, this.getEnd());
@@ -499,79 +499,79 @@ class $ {
     return e.day() === 0 || e.day() === 6;
   }
   isHoliday(e) {
-    return (this.getCompanyHolidays().some((t) => t.isSame(e, "day")) || this.getNationalHolidays().some((t) => t.isSame(e, "day")) || this.isWeekend(e)) && !this.getSpecialWorkdays().some((t) => t.isSame(e, "day"));
+    return (this.getCompanyHolidays().some((n) => n.isSame(e, "day")) || this.getNationalHolidays().some((n) => n.isSame(e, "day")) || this.isWeekend(e)) && !this.getSpecialWorkdays().some((n) => n.isSame(e, "day"));
   }
   isSpecialWorkday(e) {
-    return this.getSpecialWorkdays().some((t) => t.isSame(e, "day"));
+    return this.getSpecialWorkdays().some((n) => n.isSame(e, "day"));
   }
   isCompanyHoliday(e) {
-    return this.getCompanyHolidays().some((t) => t.isSame(e, "day"));
+    return this.getCompanyHolidays().some((n) => n.isSame(e, "day"));
   }
   isNationalHoliday(e) {
-    return this.getNationalHolidays().some((t) => t.isSame(e, "day"));
+    return this.getNationalHolidays().some((n) => n.isSame(e, "day"));
   }
   getDayPosition(e) {
-    const t = e.format("YYYY-MM-DD"), n = this.dayPositionCache.get(t);
-    return n !== void 0 ? n : this.getDays().findIndex((i) => i.isSame(e, "day"));
+    const n = e.format("YYYY-MM-DD"), s = this.dayPositionCache.get(n);
+    return s !== void 0 ? s : this.getDays().findIndex((i) => i.isSame(e, "day"));
   }
   getWeekPosition(e) {
-    const t = e.startOf("week").format("YYYY-MM-DD"), n = this.weekPositionCache.get(t);
-    return n !== void 0 ? n : this.getWeeks().findIndex((i) => i.isSame(e, "week"));
+    const n = e.startOf("week").format("YYYY-MM-DD"), s = this.weekPositionCache.get(n);
+    return s !== void 0 ? s : this.getWeeks().findIndex((i) => i.isSame(e, "week"));
   }
   getMonthPosition(e) {
-    const t = e.startOf("month").format("YYYY-MM-DD"), n = this.monthPositionCache.get(t);
-    return n !== void 0 ? n : this.getMonths().findIndex((i) => i.isSame(e, "month"));
+    const n = e.startOf("month").format("YYYY-MM-DD"), s = this.monthPositionCache.get(n);
+    return s !== void 0 ? s : this.getMonths().findIndex((i) => i.isSame(e, "month"));
   }
   getQuarterPosition(e) {
-    const t = e.startOf("quarter").format("YYYY-MM-DD"), n = this.quarterPositionCache.get(t);
-    return n !== void 0 ? n : this.getQuarters().findIndex((i) => i.isSame(e, "quarter"));
+    const n = e.startOf("quarter").format("YYYY-MM-DD"), s = this.quarterPositionCache.get(n);
+    return s !== void 0 ? s : this.getQuarters().findIndex((i) => i.isSame(e, "quarter"));
   }
   getYearPosition(e) {
-    const t = e.startOf("year").format("YYYY-MM-DD"), n = this.yearPositionCache.get(t);
-    return n !== void 0 ? n : this.getYears().findIndex((i) => i.isSame(e, "year"));
+    const n = e.startOf("year").format("YYYY-MM-DD"), s = this.yearPositionCache.get(n);
+    return s !== void 0 ? s : this.getYears().findIndex((i) => i.isSame(e, "year"));
   }
   populateMonthsWithDays() {
-    const e = [], t = this.timelineData.months;
-    for (const n in t) {
+    const e = [], n = this.timelineData.months;
+    for (const s in n) {
       const i = { month: E(), days: [] };
-      i.month = E(n), i.days = t[n], e.push(i);
+      i.month = E(s), i.days = n[s], e.push(i);
     }
     return e;
   }
   populateYearsWithDays() {
-    const e = [], t = this.timelineData.years;
-    for (const n in t) {
+    const e = [], n = this.timelineData.years;
+    for (const s in n) {
       const i = { year: E(), days: [] };
-      i.year = E(n), i.days = t[n], e.push(i);
+      i.year = E(s), i.days = n[s], e.push(i);
     }
     return e;
   }
   populateYearsWithWeeks() {
-    const e = this.getWeeks(), t = q(e, (i) => i.format("YYYY")), n = [];
-    for (const i in t) {
+    const e = this.getWeeks(), n = j(e, (i) => i.format("YYYY")), s = [];
+    for (const i in n) {
       const r = { year: E(), weeks: [] };
-      r.year = E(i), r.weeks = t[i], n.push(r);
+      r.year = E(i), r.weeks = n[i], s.push(r);
     }
-    return n;
+    return s;
   }
   populateYearsWithMonths() {
-    const e = this.getDays(), t = Array.from(new Set(e.map((r) => r.format("YYYY-MM")))).map((r) => E(r)), n = q(t, (r) => r.format("YYYY")), i = [];
-    for (const r in n) {
+    const e = this.getDays(), n = Array.from(new Set(e.map((r) => r.format("YYYY-MM")))).map((r) => E(r)), s = j(n, (r) => r.format("YYYY")), i = [];
+    for (const r in s) {
       const o = { year: E(), months: [] };
-      o.year = E(r), o.months = n[r], i.push(o);
+      o.year = E(r), o.months = s[r], i.push(o);
     }
     return i;
   }
   populateYearsWithQuarters() {
-    const e = this.getDays(), t = Array.from(new Set(e.map((r) => r.startOf("quarter").format("YYYY-MM-DD")))).map((r) => E(r)), n = q(t, (r) => r.format("YYYY")), i = [];
-    for (const r in n) {
+    const e = this.getDays(), n = Array.from(new Set(e.map((r) => r.startOf("quarter").format("YYYY-MM-DD")))).map((r) => E(r)), s = j(n, (r) => r.format("YYYY")), i = [];
+    for (const r in s) {
       const o = { year: E(), quarters: [] };
-      o.year = E(r), o.quarters = n[r], i.push(o);
+      o.year = E(r), o.quarters = s[r], i.push(o);
     }
     return i;
   }
 }
-class Jt {
+class ln {
   schedulantProps;
   schedulantView;
   timelineApi;
@@ -581,36 +581,36 @@ class Jt {
   milestoneApis;
   checkpointApis;
   generateTimelineApi(e) {
-    let t;
+    let n;
     switch (e.schedulantViewType) {
       case "Week": {
-        const n = e.start.startOf("week"), i = e.end.endOf("week");
-        t = new $(n, i);
+        const s = e.start.startOf("week"), i = e.end.endOf("week");
+        n = new K(s, i);
         break;
       }
       case "Month": {
-        const n = e.start.startOf("month"), i = e.end.endOf("month");
-        t = new $(n, i);
+        const s = e.start.startOf("month"), i = e.end.endOf("month");
+        n = new K(s, i);
         break;
       }
       case "Quarter": {
-        const n = e.start.startOf("quarter"), i = e.end.endOf("quarter");
-        t = new $(n, i);
+        const s = e.start.startOf("quarter"), i = e.end.endOf("quarter");
+        n = new K(s, i);
         break;
       }
       case "Year": {
-        const n = e.start.startOf("year"), i = e.end.endOf("year");
-        t = new $(n, i);
+        const s = e.start.startOf("year"), i = e.end.endOf("year");
+        n = new K(s, i);
         break;
       }
       default:
-        t = new $(e.start, e.end);
+        n = new K(e.start, e.end);
         break;
     }
-    return t.setSpecialWorkdays(e.specialWorkdays || []), t.setCompanyHolidays(e.companyHolidays || []), t.setNationalHolidays(e.nationalHolidays || []), t;
+    return n.setSpecialWorkdays(e.specialWorkdays || []), n.setCompanyHolidays(e.companyHolidays || []), n.setNationalHolidays(e.nationalHolidays || []), n;
   }
-  constructor(e, t) {
-    this.eventApis = t.events.map((n) => new Xt(n)), this.milestoneApis = t.milestones?.map((n) => new Kt(n)) || [], this.checkpointApis = t.checkpoints?.map((n) => new Zt(n)) || [], this.schedulantProps = t, this.schedulantView = e, this.timelineApi = this.generateTimelineApi(t), this.resourceApis = se.createTree(t.resources, this.eventApis, this.milestoneApis, this.checkpointApis), this.flatMapResourceApis = se.flatMapTree(this.resourceApis);
+  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);
   }
   updateProps(e) {
     this.schedulantProps = e;
@@ -652,13 +652,13 @@ class Jt {
     return this.eventApis;
   }
   getEventApiById(e) {
-    return x.fromNullable(this.eventApis.find((t) => t.getId() === e));
+    return x.fromNullable(this.eventApis.find((n) => n.getId() === e));
   }
   getResourceApis() {
     return this.resourceApis;
   }
   getResourceApiById(e) {
-    return x.fromNullable(this.resourceApis.find((t) => t.getId() === e));
+    return x.fromNullable(this.resourceApis.find((n) => n.getId() === e));
   }
   getFlatMapResourceApis() {
     return this.flatMapResourceApis;
@@ -674,13 +674,13 @@ class Jt {
     return this.milestoneApis;
   }
   getMilestoneApiById(e) {
-    return x.fromNullable(this.milestoneApis.find((t) => t.getId() === e));
+    return x.fromNullable(this.milestoneApis.find((n) => n.getId() === e));
   }
   getCheckpointApis() {
     return this.checkpointApis;
   }
   getCheckpointApiById(e) {
-    return x.fromNullable(this.checkpointApis.find((t) => t.getId() === e));
+    return x.fromNullable(this.checkpointApis.find((n) => n.getId() === e));
   }
   getSchedulantElRef() {
     return this.schedulantView.getScheduleElRef();
@@ -727,6 +727,12 @@ class Jt {
   onResourceLaneContextMenuClick(e) {
     this.schedulantProps.resourceLaneContextMenuClick?.(e);
   }
+  getResourceLaneMultiSelectContextMenuItems() {
+    return this.schedulantProps.resourceLaneMultiSelectContextMenuItems;
+  }
+  onResourceLaneMultiSelectContextMenuClick(e) {
+    this.schedulantProps.resourceLaneMultiSelectContextMenuClick?.(e);
+  }
   resourceLabelDidMount(e) {
     this.schedulantProps.resourceLabelDidMount?.(e);
   }
@@ -802,230 +808,297 @@ class Jt {
   getSelectionColor() {
     return this.schedulantProps.selectionColor || "rgba(66, 133, 244, 0.08)";
   }
+  onResourceSelect() {
+    return this.schedulantProps.onResourceSelect;
+  }
 }
-const en = (s, e, t) => {
+const an = (t, e, n) => {
   N(() => {
-    const n = s.current;
-    if (n)
-      return t.resourceLabelDidMount({
-        el: n,
+    const s = t.current;
+    if (s)
+      return n.resourceLabelDidMount({
+        el: s,
         label: e
       }), () => {
-        t.resourceLabelWillUnmount({
-          el: n,
+        n.resourceLabelWillUnmount({
+          el: s,
           label: e
         });
       };
-  }, [s, e, t]);
-}, W = ({ condition: s, children: e, fallback: t }) => /* @__PURE__ */ a(ft, { children: s ? e : t }), tn = (s, e, t) => {
-  const n = k(-1), i = T(() => Oe("schedulant-datagrid-head"), []), r = T(() => Oe("schedulant-datagrid-body"), []), o = T((h) => {
-    h.preventDefault();
-    const d = t.current;
-    if (d) {
-      const v = d.getBoundingClientRect(), p = h.clientX - v.left;
-      d.style.width = w(p), s({ type: "SET_RESOURCE_AREA_WIDTH", width: d.style.width });
+  }, [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 });
     }
-  }, [s, t]), l = T((h) => {
-    h.preventDefault();
-    const d = e.current;
-    d ? d.removeEventListener("mousemove", o) : console.error("scheduleEl", d);
-  }, [o, e]), c = T((h) => {
-    h.preventDefault();
-    const d = e.current;
-    d ? d.addEventListener("mousemove", o) : console.error("scheduleEl", d);
-  }, [o, e]), u = T((h) => {
-    h.preventDefault();
-    const d = n.current, v = i(), p = r(), y = v.firstElementChild, b = p.firstElementChild, g = y?.children, A = b?.children;
-    if (g && A) {
-      const S = g[d], M = A[d], C = h.clientX - S.getBoundingClientRect().left, D = h.clientX - M.getBoundingClientRect().left;
-      S.style.width = w(C), M.style.width = w(D);
+  }, [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;
+    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);
     }
-  }, [r, i, n]), m = T((h) => {
-    h.preventDefault(), n.current = -1;
-    const d = i(), v = r();
-    d.removeEventListener("mousemove", u), v.removeEventListener("mousemove", u);
-  }, [n, i, r, u]), f = T((h) => (d) => {
-    d.preventDefault();
-    const v = h.current?.parentElement, p = h.current?.parentElement?.parentElement;
+  }, [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;
     if (p) {
-      let y = p.getElementsByTagName("td");
-      y.length === 0 && (y = p.getElementsByTagName("th"));
-      for (let A = 0; A < y.length; A++)
-        y[A] === v && (n.current = A);
-      const b = i(), g = r();
-      b.addEventListener("mousemove", u), g.addEventListener("mousemove", u);
+      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);
     } else
       console.error("trElement", p);
-  }, [i, r, u, n]);
+  }, [i, r, d, s]);
   return {
     datagridResizerMouseUp: l,
     datagridResizerMouseDown: c,
     datagridCellResizerMouseUp: m,
     datagridCellResizerMouseDownFunc: f
   };
-}, nn = (s) => {
+}, dn = (t) => {
   const e = k(null);
-  return en(e, s.resourceAreaColumn, s.schedulantApi), /* @__PURE__ */ a("th", { role: "columnheader", className: "schedulant-datagrid-cell", children: /* @__PURE__ */ a(
-    G,
+  return an(e, t.resourceAreaColumn, t.schedulantApi), /* @__PURE__ */ a("th", { role: "columnheader", className: "schedulant-datagrid-cell", children: /* @__PURE__ */ a(
+    Z,
     {
-      disabled: !s.schedulantApi.isEnableResourceLabelContextMenu(),
+      disabled: !t.schedulantApi.isEnableResourceLabelContextMenu(),
       destroyOnHidden: !0,
       trigger: ["contextMenu"],
       menu: {
-        items: s.schedulantApi.getResourceLabelContextMenuItems(),
-        onClick: (t) => {
-          const { key: n, keyPath: i, domEvent: r } = t;
-          s.schedulantApi.onResourceLabelContextMenuClick({
-            key: n,
+        items: t.schedulantApi.getResourceLabelContextMenuItems(),
+        onClick: (n) => {
+          const { key: s, keyPath: i, domEvent: r } = n;
+          t.schedulantApi.onResourceLabelContextMenuClick({
+            key: s,
             keyPath: i,
             domEvent: r,
-            label: s.resourceAreaColumn
+            label: t.resourceAreaColumn
           });
         }
       },
-      children: /* @__PURE__ */ O("div", { className: "schedulant-datagrid-cell-frame", ref: e, children: [
+      children: /* @__PURE__ */ I("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",
           {
             className: "schedulant-datagrid-cell-main",
-            children: s.resourceAreaColumn.headerContent
+            children: t.resourceAreaColumn.headerContent
           }
         ) }),
-        /* @__PURE__ */ a(W, { condition: s.isResizable, children: /* @__PURE__ */ a(
+        /* @__PURE__ */ a(H, { condition: t.isResizable, children: /* @__PURE__ */ a(
           "div",
           {
             className: "schedulant-datagrid-cell-resizer",
-            onMouseUp: s.cellResizerMouseUp,
-            onMouseDown: s.cellResizerMouseDownFunc(e)
+            onMouseUp: t.cellResizerMouseUp,
+            onMouseDown: t.cellResizerMouseDownFunc(e)
           }
         ) })
       ] })
     }
   ) });
-}, sn = (s, e, t, n) => {
+}, un = (t, e, n, s) => {
   N(() => {
-    const i = s.current;
+    const i = t.current;
     if (i)
-      return t.resourceLaneDidMount({
+      return n.resourceLaneDidMount({
         el: i,
-        schedulantApi: t,
-        resourceApi: n,
+        schedulantApi: n,
+        resourceApi: s,
         label: e
       }), () => {
-        t.resourceLaneWillUnmount({
+        n.resourceLaneWillUnmount({
           el: i,
-          schedulantApi: t,
-          resourceApi: n,
+          schedulantApi: n,
+          resourceApi: s,
           label: e
         });
       };
-  }, [s, e, t, n]);
-};
-let Me = null;
-function rn(s) {
-  Me = s, document.querySelectorAll(".schedulant-resource-selected").forEach((n) => n.classList.remove("schedulant-resource-selected")), document.querySelectorAll(`[data-resource-id="${s}"].schedulant-resource`).forEach((n) => n.classList.add("schedulant-resource-selected"));
+  }, [t, e, n, s]);
+}, hn = (t) => /* @__PURE__ */ a(X, { component: () => /* @__PURE__ */ a(
+  "svg",
+  {
+    className: "milestone-icon",
+    viewBox: "0 0 1024 1024",
+    version: "1.1",
+    xmlns: "http://www.w3.org/2000/svg",
+    width: `${w(t.width)}`,
+    height: `${w(t.height)}`,
+    children: /* @__PURE__ */ a(
+      "path",
+      {
+        d: "M156 64v896l356-280 356 280V64H156z m511.8 556.4L512 538.5l-155.7 81.9L386 447 260 324.2l174.1-25.3L512 141.1l77.9 157.8L764 324.2 638 447l29.8 173.4z",
+        fill: t.color
+      }
+    )
+  }
+), ...t }), L = /* @__PURE__ */ new Set();
+let G = null;
+function Re() {
+  document.querySelectorAll(".schedulant-resource-selected").forEach((t) => t.classList.remove("schedulant-resource-selected"));
+  for (const t of L)
+    document.querySelectorAll(`[data-resource-id="${t}"].schedulant-resource`).forEach((e) => e.classList.add("schedulant-resource-selected"));
+}
+function ke(t) {
+  t?.(Array.from(L));
 }
-function on() {
-  return Me;
+function ft() {
+  return L;
 }
-function at() {
-  Me = null, document.querySelectorAll(".schedulant-resource-selected").forEach((e) => e.classList.remove("schedulant-resource-selected"));
+function Te(t) {
+  L.size !== 0 && (L.clear(), G = null, Re(), ke(t));
 }
-function ln(s) {
-  const t = s.target.closest("[data-resource-id]");
-  if (t) {
-    const n = t.getAttribute("data-resource-id");
-    n && rn(n);
-  } else
-    at();
+function mn(t, e) {
+  L.clear(), L.add(t), G = t, Re(), ke(e);
 }
-const an = (s) => {
-  const { dispatch: e } = be(), t = k(null), i = s.schedulantApi.getScheduleView().getTimelineView().calculateLaneHeight(s.resourceApi), r = T((v, p) => {
-    const y = p.getResource();
-    if (Object.keys(y).includes(v)) {
-      const A = y[v];
-      if (typeof A == "string")
-        return A;
+function gn(t, e, n) {
+  const i = t.target.closest("[data-resource-id]");
+  if (!i) {
+    Te(n);
+    return;
+  }
+  const r = i.getAttribute("data-resource-id");
+  if (!r) {
+    Te(n);
+    return;
+  }
+  if (t.button === 2 && L.has(r))
+    return;
+  const o = t.ctrlKey || t.metaKey;
+  if (t.shiftKey && G) {
+    const c = e.indexOf(G), d = e.indexOf(r);
+    if (c !== -1 && d !== -1) {
+      const m = Math.min(c, d), f = Math.max(c, d);
+      o || L.clear();
+      for (let u = m; u <= f; u++)
+        L.add(e[u]);
+    }
+  } 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();
+  return s.size > 1 && s.has(e.getId()) ? {
+    items: t.getResourceLaneMultiSelectContextMenuItems(),
+    onClick: (r) => {
+      t.onResourceLaneMultiSelectContextMenuClick({
+        key: r.key,
+        keyPath: r.keyPath,
+        domEvent: r.domEvent,
+        selectedResourceIds: Array.from(s),
+        schedulantApi: t,
+        label: n
+      });
+    }
+  } : {
+    items: t.getResourceLaneContextMenuItems(),
+    onClick: (r) => {
+      t.onResourceLaneContextMenuClick({
+        key: r.key,
+        keyPath: r.keyPath,
+        domEvent: r.domEvent,
+        schedulantApi: t,
+        resourceApi: e,
+        label: 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;
     } else {
-      const A = y.extendedProps?.[v];
-      if (typeof A == "string" || typeof A == "number")
-        return A;
+      const O = b.extendedProps?.[y];
+      if (typeof O == "string" || typeof O == "number")
+        return O;
     }
     return "";
   }, []);
-  sn(t, s.resourceAreaColumn, s.schedulantApi, s.resourceApi);
-  const o = s.resourceApi.getId(), l = !s.isDraggable || !s.showPlusSquare, { attributes: c, listeners: u, setNodeRef: m, isDragging: f } = Dt({
+  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({
     id: o,
     disabled: l,
     transition: null
-  }), h = s.overId === o && s.activeId !== o, d = () => {
-    const v = ["schedulant-datagrid-cell", "schedulant-resource"];
-    return on() === o && v.push("schedulant-resource-selected"), s.isDraggable && f && v.push("schedulant-resource-dragging"), s.isDraggable && h && s.dropPosition && v.push(`schedulant-resource-drop-${s.dropPosition}`), v.join(" ");
-  };
+  }), u = t.overId === o && t.activeId !== o, h = () => {
+    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);
+  }, [t.schedulantApi, t.resourceApi, t.resourceAreaColumn]);
   return /* @__PURE__ */ a(
     "td",
     {
       ref: m,
-      "data-resource-id": s.resourceApi.getId(),
-      className: d(),
-      ...l ? {} : { ...c, ...u },
+      "data-resource-id": t.resourceApi.getId(),
+      className: h(),
+      ...l ? {} : { ...c, ...d },
       children: /* @__PURE__ */ a(
-        G,
+        Z,
         {
-          disabled: !s.schedulantApi.isEnableResourceLaneContextMenu(),
+          disabled: !t.schedulantApi.isEnableResourceLaneContextMenu(),
           destroyOnHidden: !0,
           trigger: ["contextMenu"],
-          menu: {
-            items: s.schedulantApi.getResourceLaneContextMenuItems(),
-            onClick: (v) => {
-              const { key: p, keyPath: y, domEvent: b } = v;
-              s.schedulantApi.onResourceLaneContextMenuClick({
-                key: p,
-                keyPath: y,
-                domEvent: b,
-                schedulantApi: s.schedulantApi,
-                resourceApi: s.resourceApi,
-                label: s.resourceAreaColumn
-              });
-            }
-          },
-          children: /* @__PURE__ */ O(
+          open: A,
+          onOpenChange: g,
+          menu: S,
+          children: /* @__PURE__ */ I(
             "div",
             {
               className: "schedulant-datagrid-cell-frame",
               style: { height: w(i) },
-              ref: t,
+              ref: n,
               children: [
-                /* @__PURE__ */ a("div", { className: "schedulant-datagrid-cell-cushion schedulant-scrollgrid-sync-inner", children: /* @__PURE__ */ O(Et, { size: "small", children: [
-                  s.showPlusSquare && /* @__PURE__ */ O(
+                /* @__PURE__ */ a("div", { className: "schedulant-datagrid-cell-cushion schedulant-scrollgrid-sync-inner", children: /* @__PURE__ */ I(It, { size: "small", children: [
+                  t.showPlusSquare && /* @__PURE__ */ I(
                     "span",
                     {
                       className: "schedulant-datagrid-expander schedulant-datagrid-expander-placeholder",
                       children: [
-                        s.showIndentation && Array.from({ length: s.resourceApi.getDepth() }, (v, p) => /* @__PURE__ */ a("span", { className: "schedulant-icon" }, p + 1)),
-                        /* @__PURE__ */ a("span", { className: "schedulant-icon", children: s.collapseIds.some((v) => v === s.resourceApi.getId()) ? /* @__PURE__ */ a(
-                          Ct,
+                        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,
                           {
                             onClick: () => e({
                               type: "EXPAND_RESOURCE",
-                              id: s.resourceApi.getId()
+                              id: t.resourceApi.getId()
                             })
                           }
-                        ) : s.resourceApi.getChildren().length > 0 ? /* @__PURE__ */ a(
-                          Tt,
+                        ) : t.resourceApi.getChildren().length > 0 ? /* @__PURE__ */ a(
+                          Pt,
                           {
                             onClick: () => e({
                               type: "COLLAPSE_RESOURCE",
-                              id: s.resourceApi.getId()
+                              id: t.resourceApi.getId()
                             })
                           }
                         ) : null })
                       ]
                     }
                   ),
-                  /* @__PURE__ */ a("div", { className: "schedulant-datagrid-cell-main", children: r(s.resourceAreaColumn.field, s.resourceApi) })
+                  /* @__PURE__ */ I("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" }) })
+                  ] })
                 ] }) }),
-                /* @__PURE__ */ a(W, { condition: s.isResizable, children: /* @__PURE__ */ a("div", { className: "schedulant-datagrid-cell-resizer", onMouseUp: s.cellResizerMouseUp, onMouseDown: s.cellResizerMouseDownFunc(t) }) })
+                /* @__PURE__ */ a(H, { condition: t.isResizable, children: /* @__PURE__ */ a("div", { className: "schedulant-datagrid-cell-resizer", onMouseUp: t.cellResizerMouseUp, onMouseDown: t.cellResizerMouseDownFunc(n) }) })
               ]
             }
           )
@@ -1033,17 +1106,17 @@ const an = (s) => {
       )
     }
   );
-}, cn = (s) => /* @__PURE__ */ a("colgroup", { children: s.resourceAreaColumns.map((e) => /* @__PURE__ */ a("col", { style: { minWidth: Ut } }, e.field)) }), dn = () => /* @__PURE__ */ a("div", { className: "schedulant-timeline-lane" }), un = (s, e, t) => {
-  const n = t.getStart(), i = t.getEnd(), r = i.isBefore(E(), "day"), o = n.isAfter(E(), "day"), l = n.isSameOrBefore(E(), "day") && (i.isAfter(E(), "day") || i.isSame(E(), "day"));
+}, 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) => {
+  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 = s.current;
+    const c = t.current;
     if (c)
       return e.eventDidMount({
         el: c,
         isPast: r,
         isFuture: o,
         isProcess: l,
-        eventApi: t,
+        eventApi: n,
         schedulantApi: e
       }), () => {
         e.eventWillUnmount({
@@ -1051,434 +1124,434 @@ const an = (s) => {
           isPast: r,
           isFuture: o,
           isProcess: l,
-          eventApi: t,
+          eventApi: n,
           schedulantApi: e
         });
       };
-  }, [s, e, t, r, o, l]), { isPast: r, isFuture: o, isProcess: l };
+  }, [t, e, n, r, o, l]), { isPast: r, isFuture: o, isProcess: l };
 };
-var ee = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
-function hn(s) {
-  return s && s.__esModule && Object.prototype.hasOwnProperty.call(s, "default") ? s.default : s;
+var se = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
+function An(t) {
+  return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var oe, Ne;
-function we() {
-  if (Ne) return oe;
-  Ne = 1;
-  function s(e) {
-    var t = typeof e;
-    return e != null && (t == "object" || t == "function");
-  }
-  return oe = s, oe;
+var ue, Fe;
+function xe() {
+  if (Fe) return ue;
+  Fe = 1;
+  function t(e) {
+    var n = typeof e;
+    return e != null && (n == "object" || n == "function");
+  }
+  return ue = t, ue;
 }
-var le, Le;
-function mn() {
-  if (Le) return le;
-  Le = 1;
-  var s = typeof ee == "object" && ee && ee.Object === Object && ee;
-  return le = s, le;
+var he, Be;
+function Mn() {
+  if (Be) return he;
+  Be = 1;
+  var t = typeof se == "object" && se && se.Object === Object && se;
+  return he = t, he;
 }
-var ae, Ye;
-function ct() {
-  if (Ye) return ae;
-  Ye = 1;
-  var s = mn(), e = typeof self == "object" && self && self.Object === Object && self, t = s || e || Function("return this")();
-  return ae = t, ae;
+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")();
+  return me = n, me;
 }
-var ce, _e;
-function gn() {
-  if (_e) return ce;
-  _e = 1;
-  var s = ct(), e = function() {
-    return s.Date.now();
+var ge, Ue;
+function bn() {
+  if (Ue) return ge;
+  Ue = 1;
+  var t = pt(), e = function() {
+    return t.Date.now();
   };
-  return ce = e, ce;
+  return ge = e, ge;
 }
-var de, We;
-function fn() {
-  if (We) return de;
-  We = 1;
-  var s = /\s/;
-  function e(t) {
-    for (var n = t.length; n-- && s.test(t.charAt(n)); )
+var fe, je;
+function wn() {
+  if (je) return fe;
+  je = 1;
+  var t = /\s/;
+  function e(n) {
+    for (var s = n.length; s-- && t.test(n.charAt(s)); )
       ;
-    return n;
+    return s;
   }
-  return de = e, de;
+  return fe = e, fe;
 }
-var ue, He;
-function pn() {
-  if (He) return ue;
-  He = 1;
-  var s = fn(), e = /^\s+/;
-  function t(n) {
-    return n && n.slice(0, s(n) + 1).replace(e, "");
+var pe, $e;
+function En() {
+  if ($e) return pe;
+  $e = 1;
+  var t = wn(), e = /^\s+/;
+  function n(s) {
+    return s && s.slice(0, t(s) + 1).replace(e, "");
   }
-  return ue = t, ue;
+  return pe = n, pe;
 }
-var he, ze;
-function dt() {
-  if (ze) return he;
-  ze = 1;
-  var s = ct(), e = s.Symbol;
-  return he = e, he;
+var ye, Ge;
+function yt() {
+  if (Ge) return ye;
+  Ge = 1;
+  var t = pt(), e = t.Symbol;
+  return ye = e, ye;
 }
-var me, Ve;
-function vn() {
-  if (Ve) return me;
-  Ve = 1;
-  var s = dt(), e = Object.prototype, t = e.hasOwnProperty, n = e.toString, i = s ? s.toStringTag : void 0;
+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;
   function r(o) {
-    var l = t.call(o, i), c = o[i];
+    var l = n.call(o, i), c = o[i];
     try {
       o[i] = void 0;
-      var u = !0;
+      var d = !0;
     } catch {
     }
-    var m = n.call(o);
-    return u && (l ? o[i] = c : delete o[i]), m;
+    var m = s.call(o);
+    return d && (l ? o[i] = c : delete o[i]), m;
   }
-  return me = r, me;
+  return ve = r, ve;
 }
-var ge, Fe;
-function yn() {
-  if (Fe) return ge;
-  Fe = 1;
-  var s = Object.prototype, e = s.toString;
-  function t(n) {
-    return e.call(n);
+var Se, Qe;
+function Tn() {
+  if (Qe) return Se;
+  Qe = 1;
+  var t = Object.prototype, e = t.toString;
+  function n(s) {
+    return e.call(s);
   }
-  return ge = t, ge;
+  return Se = n, Se;
 }
-var fe, Be;
-function An() {
-  if (Be) return fe;
-  Be = 1;
-  var s = dt(), e = vn(), t = yn(), n = "[object Null]", i = "[object Undefined]", r = s ? s.toStringTag : void 0;
+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;
   function o(l) {
-    return l == null ? l === void 0 ? i : n : r && r in Object(l) ? e(l) : t(l);
+    return l == null ? l === void 0 ? i : s : r && r in Object(l) ? e(l) : n(l);
   }
-  return fe = o, fe;
+  return Ae = o, Ae;
 }
-var pe, qe;
-function Sn() {
-  if (qe) return pe;
-  qe = 1;
-  function s(e) {
+var Me, Ze;
+function Rn() {
+  if (Ze) return Me;
+  Ze = 1;
+  function t(e) {
     return e != null && typeof e == "object";
   }
-  return pe = s, pe;
+  return Me = t, Me;
 }
-var ve, Ue;
-function bn() {
-  if (Ue) return ve;
-  Ue = 1;
-  var s = An(), e = Sn(), t = "[object Symbol]";
-  function n(i) {
-    return typeof i == "symbol" || e(i) && s(i) == t;
-  }
-  return ve = n, ve;
+var be, Je;
+function kn() {
+  if (Je) return be;
+  Je = 1;
+  var t = Dn(), e = Rn(), n = "[object Symbol]";
+  function s(i) {
+    return typeof i == "symbol" || e(i) && t(i) == n;
+  }
+  return be = s, be;
 }
-var ye, je;
-function Mn() {
-  if (je) return ye;
-  je = 1;
-  var s = pn(), e = we(), t = bn(), n = NaN, i = /^[-+]0x[0-9a-f]+$/i, r = /^0b[01]+$/i, o = /^0o[0-7]+$/i, l = parseInt;
-  function c(u) {
-    if (typeof u == "number")
-      return u;
-    if (t(u))
-      return n;
-    if (e(u)) {
-      var m = typeof u.valueOf == "function" ? u.valueOf() : u;
-      u = e(m) ? m + "" : m;
+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;
+  function c(d) {
+    if (typeof d == "number")
+      return d;
+    if (n(d))
+      return s;
+    if (e(d)) {
+      var m = typeof d.valueOf == "function" ? d.valueOf() : d;
+      d = e(m) ? m + "" : m;
     }
-    if (typeof u != "string")
-      return u === 0 ? u : +u;
-    u = s(u);
-    var f = r.test(u);
-    return f || o.test(u) ? l(u.slice(2), f ? 2 : 8) : i.test(u) ? n : +u;
+    if (typeof d != "string")
+      return d === 0 ? d : +d;
+    d = t(d);
+    var f = r.test(d);
+    return f || o.test(d) ? l(d.slice(2), f ? 2 : 8) : i.test(d) ? s : +d;
   }
-  return ye = c, ye;
+  return we = c, we;
 }
-var Ae, $e;
-function wn() {
-  if ($e) return Ae;
-  $e = 1;
-  var s = we(), e = gn(), t = Mn(), n = "Expected a function", i = Math.max, r = Math.min;
-  function o(l, c, u) {
-    var m, f, h, d, v, p, y = 0, b = !1, g = !1, A = !0;
+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;
+  function o(l, c, d) {
+    var m, f, u, h, A, p, S = 0, M = !1, g = !1, y = !0;
     if (typeof l != "function")
-      throw new TypeError(n);
-    c = t(c) || 0, s(u) && (b = !!u.leading, g = "maxWait" in u, h = g ? i(t(u.maxWait) || 0, c) : h, A = "trailing" in u ? !!u.trailing : A);
-    function S(R) {
-      var z = m, F = f;
-      return m = f = void 0, y = R, d = l.apply(F, z), d;
+      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);
+    function v(R) {
+      var V = m, q = f;
+      return m = f = void 0, S = R, h = l.apply(q, V), h;
     }
-    function M(R) {
-      return y = R, v = setTimeout(P, c), b ? S(R) : d;
+    function b(R) {
+      return S = R, A = setTimeout(O, c), M ? v(R) : h;
     }
-    function C(R) {
-      var z = R - p, F = R - y, j = c - z;
-      return g ? r(j, h - F) : j;
+    function T(R) {
+      var V = R - p, q = R - S, Q = c - V;
+      return g ? r(Q, u - q) : Q;
     }
     function D(R) {
-      var z = R - p, F = R - y;
-      return p === void 0 || z >= c || z < 0 || g && F >= h;
+      var V = R - p, q = R - S;
+      return p === void 0 || V >= c || V < 0 || g && q >= u;
     }
-    function P() {
+    function O() {
       var R = e();
       if (D(R))
-        return I(R);
-      v = setTimeout(P, C(R));
+        return P(R);
+      A = setTimeout(O, T(R));
     }
-    function I(R) {
-      return v = void 0, A && m ? S(R) : (m = f = void 0, d);
+    function P(R) {
+      return A = void 0, y && m ? v(R) : (m = f = void 0, h);
     }
-    function L() {
-      v !== void 0 && clearTimeout(v), y = 0, m = p = f = v = void 0;
+    function Y() {
+      A !== void 0 && clearTimeout(A), S = 0, m = p = f = A = void 0;
     }
-    function H() {
-      return v === void 0 ? d : I(e());
+    function z() {
+      return A === void 0 ? h : P(e());
     }
-    function Y() {
-      var R = e(), z = D(R);
-      if (m = arguments, f = this, p = R, z) {
-        if (v === void 0)
-          return M(p);
+    function _() {
+      var R = e(), V = D(R);
+      if (m = arguments, f = this, p = R, V) {
+        if (A === void 0)
+          return b(p);
         if (g)
-          return clearTimeout(v), v = setTimeout(P, c), S(p);
+          return clearTimeout(A), A = setTimeout(O, c), v(p);
       }
-      return v === void 0 && (v = setTimeout(P, c)), d;
+      return A === void 0 && (A = setTimeout(O, c)), h;
     }
-    return Y.cancel = L, Y.flush = H, Y;
+    return _.cancel = Y, _.flush = z, _;
   }
-  return Ae = o, Ae;
+  return Ee = o, Ee;
 }
-var Se, Ge;
-function En() {
-  if (Ge) return Se;
-  Ge = 1;
-  var s = wn(), e = we(), t = "Expected a function";
-  function n(i, r, o) {
+var Ce, nt;
+function On() {
+  if (nt) return Ce;
+  nt = 1;
+  var t = In(), e = xe(), n = "Expected a function";
+  function s(i, r, o) {
     var l = !0, c = !0;
     if (typeof i != "function")
-      throw new TypeError(t);
-    return e(o) && (l = "leading" in o ? !!o.leading : l, c = "trailing" in o ? !!o.trailing : c), s(i, r, {
+      throw new TypeError(n);
+    return e(o) && (l = "leading" in o ? !!o.leading : l, c = "trailing" in o ? !!o.trailing : c), t(i, r, {
       leading: l,
       maxWait: r,
       trailing: c
     });
   }
-  return Se = n, Se;
+  return Ce = s, Ce;
 }
-var Cn = En();
-const ut = /* @__PURE__ */ hn(Cn), Tn = (s) => {
-  const e = B(() => "schedulant-timeline-event-position-guide", []), t = k(0), n = k(0), i = k(0), r = k(!1), o = k("none"), l = T((g) => {
-    const M = s.schedulantApi.getScheduleView().getTimelineView(), C = g - t.current, D = s.timelineWidth, P = M.getTotalSlots(), I = Math.round(C / D * P), L = I / P * D;
-    return { moveSlots: I, distance: L, deltaX: C };
-  }, [s]), c = T((g) => {
-    const A = s.schedulantApi.getScheduleView().getTimelineView(), S = g.style.left, M = g.style.right, C = A.calculateLaneHeight(s.resourceApi), D = document.createElement("div");
+var Pn = On();
+const vt = /* @__PURE__ */ An(Pn), Ln = (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 };
+  }, [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, {
       position: "absolute",
       zIndex: 1,
-      left: S,
-      right: M,
-      height: w(C),
-      backgroundColor: s.schedulantApi.getDragHintColor()
+      left: v,
+      right: b,
+      height: w(T),
+      backgroundColor: t.schedulantApi.getDragHintColor()
     }), g.parentNode?.insertBefore(D, g);
-  }, [s, e]), u = T((g) => {
-    const A = g.previousElementSibling;
-    A?.className === e && g.parentElement?.removeChild(A);
-  }, [e]), m = T((g, A) => {
-    const S = g.previousElementSibling;
-    if (S && S.className === e) {
-      const M = o.current, { distance: C } = l(A);
-      switch (M) {
+  }, [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) {
         case "press_event": {
-          S.style.left = w(Math.max(n.current + C, 0)), S.style.right = w(i.current - C);
+          v.style.left = w(Math.max(s.current + T, 0)), v.style.right = w(i.current - T);
           break;
         }
         case "press_event_left": {
-          const D = Math.max(n.current + C, 0);
-          S.style.left = w(D);
+          const D = Math.max(s.current + T, 0);
+          v.style.left = w(D);
           break;
         }
         case "press_event_right": {
-          const D = i.current - C;
-          S.style.right = w(D);
+          const D = i.current - T;
+          v.style.right = w(D);
           break;
         }
       }
     }
-  }, [l, e]), f = T((g, A) => {
-    const S = s.eventApi, M = s.schedulantApi, C = o.current, { moveSlots: D, distance: P } = l(A);
-    switch (C) {
+  }, [l, e]), f = C((g, y) => {
+    const v = t.eventApi, b = t.schedulantApi, T = o.current, { moveSlots: D, distance: O } = l(y);
+    switch (T) {
       case "press_event": {
-        g.style.left = w(Math.max(n.current + P, 0)), g.style.right = w(i.current - P);
-        const I = S.getStart().add(D, "day"), L = S.getEnd().add(D, "day");
-        M.eventMove({
+        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({
           el: g,
-          startDate: I,
-          endDate: L,
-          eventApi: S,
-          schedulantApi: M
+          startDate: P,
+          endDate: Y,
+          eventApi: v,
+          schedulantApi: b
         });
         break;
       }
       case "press_event_left": {
-        const I = Math.max(n.current + P, 0);
-        g.style.left = w(I);
-        const L = S.getStart().add(D, "day");
-        M.eventResizeStart({
+        const P = Math.max(s.current + O, 0);
+        g.style.left = w(P);
+        const Y = v.getStart().add(D, "day");
+        b.eventResizeStart({
           el: g,
-          date: L,
-          eventApi: S,
-          schedulantApi: M
+          date: Y,
+          eventApi: v,
+          schedulantApi: b
         });
         break;
       }
       case "press_event_right": {
-        const I = i.current - P;
-        g.style.right = w(I);
-        const L = S.getEnd().add(D, "day");
-        M.eventResizeEnd({
+        const P = i.current - O;
+        g.style.right = w(P);
+        const Y = v.getEnd().add(D, "day");
+        b.eventResizeEnd({
           el: g,
-          date: L,
-          eventApi: S,
-          schedulantApi: M
+          date: Y,
+          eventApi: v,
+          schedulantApi: b
         });
         break;
       }
     }
-  }, [s, l]), h = T((g) => {
+  }, [t, l]), u = C((g) => {
     g.preventDefault();
-    const A = r.current, S = s.timelineEventHarnessRef.current;
-    if (A && S) {
-      const { deltaX: M } = l(g.clientX), C = n.current + M, D = i.current - M;
+    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;
       switch (o.current) {
         case "press_event":
-          S.style.left = w(C), S.style.right = w(D);
+          v.style.left = w(T), v.style.right = w(D);
           break;
         case "press_event_left":
-          S.style.left = w(C);
+          v.style.left = w(T);
           break;
         case "press_event_right":
-          S.style.right = w(D);
+          v.style.right = w(D);
           break;
       }
-      m(S, g.clientX);
+      m(v, g.clientX);
     }
-  }, [s.timelineEventHarnessRef, m, l]), d = B(
-    () => ut(h, lt),
-    [h]
-  ), v = T((g, A) => {
+  }, [t.timelineEventHarnessRef, m, l]), h = F(
+    () => vt(u, gt),
+    [u]
+  ), A = C((g, y) => {
     g.preventDefault();
-    const S = s.schedulantApi.getSchedulantElRef().current, M = s.timelineEventHarnessRef.current;
-    M && S ? (r.current = !0, o.current = A, t.current = g.clientX, n.current = ne(M.style.left), i.current = ne(M.style.right), c(M), S.addEventListener("mousemove", d)) : (console.error("scheduleEl", S), console.error("timelineEventHarness", M));
-  }, [s.schedulantApi, s.timelineEventHarnessRef, c, d]), p = T((g) => {
-    v(g, "press_event");
-  }, [v]), y = T((g) => {
-    v(g, "press_event_left");
-  }, [v]), b = T((g) => {
-    v(g, "press_event_right");
-  }, [v]);
+    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) => {
+    A(g, "press_event");
+  }, [A]), S = C((g) => {
+    A(g, "press_event_left");
+  }, [A]), M = C((g) => {
+    A(g, "press_event_right");
+  }, [A]);
   return N(() => {
-    const g = s.timelineEventHarnessRef.current, A = s.schedulantApi.getSchedulantElRef().current;
-    if (A && g) {
-      const S = g.parentElement?.parentElement;
-      if (S) {
-        const M = (C) => {
-          C.preventDefault(), r.current && !S.contains(C.relatedTarget) && (u(g), f(g, C.clientX), A.removeEventListener("mousemove", d), r.current = !1, o.current = "none");
+    const g = t.timelineEventHarnessRef.current, y = t.schedulantApi.getSchedulantElRef().current;
+    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");
         };
-        return S.addEventListener("mouseup", M), S.addEventListener("mouseout", M), () => {
-          S.removeEventListener("mouseup", M), S.removeEventListener("mouseout", M), A.removeEventListener("mousemove", d), d.cancel();
+        return v.addEventListener("mouseup", b), v.addEventListener("mouseout", b), () => {
+          v.removeEventListener("mouseup", b), v.removeEventListener("mouseout", b), y.removeEventListener("mousemove", h), h.cancel();
         };
       }
     }
-  }, [d, s, u, f]), { handleMouseDown: p, leftHandleMouseDown: y, rightHandleMouseDown: b };
-}, Xe = (s) => /* @__PURE__ */ a(X, { component: () => /* @__PURE__ */ a(
+  }, [h, t, d, f]), { handleMouseDown: p, leftHandleMouseDown: S, rightHandleMouseDown: M };
+}, st = (t) => /* @__PURE__ */ a(X, { component: () => /* @__PURE__ */ a(
   "svg",
   {
     className: "triangle-left-icon",
     viewBox: "0 0 1024 1024",
     version: "1.1",
     xmlns: "http://www.w3.org/2000/svg",
-    width: `${w(s.width)}`,
-    height: `${w(s.height)}`,
+    width: `${w(t.width)}`,
+    height: `${w(t.height)}`,
     children: /* @__PURE__ */ a(
       "path",
       {
         d: "M765.533 115.367c0-46.168-61.65-75.692-97.005-40.324L271.127 472.426c-22.791 22.791-22.791 56.687 0 79.477l397.4 397.396c34.469 34.481 97.006 7.598 97.006-39.74V115.367z",
-        fill: s.color
+        fill: t.color
       }
     )
   }
-), ...s }), Qe = (s) => /* @__PURE__ */ a(X, { component: () => /* @__PURE__ */ a(
+), ...t }), it = (t) => /* @__PURE__ */ a(X, { component: () => /* @__PURE__ */ a(
   "svg",
   {
     className: "drag-icon",
     viewBox: "0 0 1024 1024",
     version: "1.1",
     xmlns: "http://www.w3.org/2000/svg",
-    width: `${w(s.width)}`,
-    height: `${w(s.height)}`,
-    children: /* @__PURE__ */ a("path", { d: "M368 0h32v1024h-32zM496 0h32v1024h-32zM624 0h32v1024h-32z", fill: s.color })
+    width: `${w(t.width)}`,
+    height: `${w(t.height)}`,
+    children: /* @__PURE__ */ a("path", { d: "M368 0h32v1024h-32zM496 0h32v1024h-32zM624 0h32v1024h-32z", fill: t.color })
   }
-), ...s }), Ke = (s) => /* @__PURE__ */ a(X, { component: () => /* @__PURE__ */ a(
+), ...t }), rt = (t) => /* @__PURE__ */ a(X, { component: () => /* @__PURE__ */ a(
   "svg",
   {
     className: "triangle-left-icon",
     viewBox: "0 0 1024 1024",
     version: "1.1",
     xmlns: "http://www.w3.org/2000/svg",
-    width: `${w(s.width)}`,
-    height: `${w(s.height)}`,
+    width: `${w(t.width)}`,
+    height: `${w(t.height)}`,
     children: /* @__PURE__ */ a(
       "path",
       {
         d: "M258.467 115.367c0-46.168 61.65-75.692 97.005-40.324l397.396 397.396c22.791 22.791 22.791 56.687 0 79.477L355.472 989.779c-34.469 34.481-97.006 7.598-97.006-39.74V115.367z",
-        fill: s.color
+        fill: t.color
       }
     )
   }
-), ...s }), Dn = ie((s) => {
-  const e = k(null), t = k(null), n = s.schedulantApi.getTimelineApi(), i = s.schedulantApi.getScheduleView().getTimelineView(), r = s.eventApi.getTextColor().getOrElse("white"), o = s.eventApi.getBorderColor().getOrElse(s.eventApi.getColor()), l = s.eventApi.getBackgroundColor().getOrElse(s.eventApi.getColor()), c = i.calculateLaneHeight(s.resourceApi), u = i.calculateEventHeight(), m = (c - u) / 2 - 1, { isPast: f, isFuture: h, isProcess: d } = un(e, s.schedulantApi, s.eventApi), { handleMouseDown: v, leftHandleMouseDown: p, rightHandleMouseDown: y } = Tn({
-    timelineEventHarnessRef: t,
-    timelineWidth: s.timelineWidth,
-    eventApi: s.eventApi,
-    resourceApi: s.resourceApi,
-    schedulantApi: s.schedulantApi
+), ...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({
+    timelineEventHarnessRef: n,
+    timelineWidth: t.timelineWidth,
+    eventApi: t.eventApi,
+    resourceApi: t.resourceApi,
+    schedulantApi: t.schedulantApi
   });
-  return /* @__PURE__ */ a("div", { className: "schedulant-timeline-event-harness", ref: t, style: {
+  return /* @__PURE__ */ a("div", { className: "schedulant-timeline-event-harness", ref: n, style: {
     top: w(m),
-    height: w(u),
-    lineHeight: w(u),
-    left: w(s.position.left),
-    right: w(s.position.right)
+    height: w(d),
+    lineHeight: w(d),
+    left: w(t.position.left),
+    right: w(t.position.right)
   }, children: /* @__PURE__ */ a(
-    G,
+    Z,
     {
-      disabled: !s.schedulantApi.isEnableEventContextMenu(),
+      disabled: !t.schedulantApi.isEnableEventContextMenu(),
       destroyOnHidden: !0,
       trigger: ["contextMenu"],
       menu: {
-        items: s.schedulantApi.getEventContextMenuItems(),
-        onClick: (b) => {
-          const { key: g, keyPath: A, domEvent: S } = b;
-          s.schedulantApi.onEventContextMenuClick({
+        items: t.schedulantApi.getEventContextMenuItems(),
+        onClick: (M) => {
+          const { key: g, keyPath: y, domEvent: v } = M;
+          t.schedulantApi.onEventContextMenuClick({
             key: g,
-            keyPath: A,
-            domEvent: S,
+            keyPath: y,
+            domEvent: v,
             isPast: f,
-            isFuture: h,
-            isProcess: d,
-            eventApi: s.eventApi,
-            schedulantApi: s.schedulantApi
+            isFuture: u,
+            isProcess: h,
+            eventApi: t.eventApi,
+            schedulantApi: t.schedulantApi
           });
         }
       },
-      children: /* @__PURE__ */ O(
+      children: /* @__PURE__ */ I(
         "div",
         {
           className: "schedulant-timeline-event",
@@ -1486,29 +1559,29 @@ const ut = /* @__PURE__ */ hn(Cn), Tn = (s) => {
           ref: e,
           children: [
             /* @__PURE__ */ a(
-              W,
+              H,
               {
-                condition: s.schedulantApi.isEditable(),
+                condition: t.schedulantApi.isEditable(),
                 fallback: /* @__PURE__ */ a(
-                  W,
+                  H,
                   {
-                    condition: s.eventApi.getStart().isBefore(n.getStart()),
-                    fallback: /* @__PURE__ */ a("div", { style: { width: _, height: u } }),
-                    children: /* @__PURE__ */ a(Xe, { width: _, height: u, color: "#FFFFFF" })
+                    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(
-                  W,
+                  H,
                   {
-                    condition: !s.eventApi.getStart().isBefore(n.getStart()),
-                    fallback: /* @__PURE__ */ a(Xe, { width: _, height: u, color: "#FFFFFF" }),
+                    condition: !t.eventApi.getStart().isBefore(s.getStart()),
+                    fallback: /* @__PURE__ */ a(st, { width: W, height: d, color: "#FFFFFF" }),
                     children: /* @__PURE__ */ a(
                       "div",
                       {
                         className: "schedulant-event-resize-handle",
                         onMouseDown: p,
-                        style: { width: _, height: u, cursor: "ew-resize" },
-                        children: /* @__PURE__ */ a(Qe, { width: _, height: u, color: "#FFFFFF" })
+                        style: { width: W, height: d, cursor: "ew-resize" },
+                        children: /* @__PURE__ */ a(it, { width: W, height: d, color: "#FFFFFF" })
                       }
                     )
                   }
@@ -1516,25 +1589,25 @@ const ut = /* @__PURE__ */ hn(Cn), Tn = (s) => {
               }
             ),
             /* @__PURE__ */ a(
-              W,
+              H,
               {
-                condition: s.schedulantApi.isEditable() && !s.eventApi.getStart().isBefore(n.getStart()) && s.eventApi.getEnd().isSameOrBefore(n.getEnd()),
+                condition: t.schedulantApi.isEditable() && !t.eventApi.getStart().isBefore(s.getStart()) && t.eventApi.getEnd().isSameOrBefore(s.getEnd()),
                 fallback: /* @__PURE__ */ a(
                   "div",
                   {
                     className: "schedulant-event-main",
-                    style: { color: r, width: `calc(100% - ${_ * 2}px)` },
+                    style: { color: r, width: `calc(100% - ${W * 2}px)` },
                     children: /* @__PURE__ */ a(
-                      W,
+                      H,
                       {
-                        condition: s.eventApi.getUrl().isDefined(),
-                        fallback: /* @__PURE__ */ a("span", { children: s.eventApi.getTitle() }),
-                        children: s.eventApi.getUrl().isDefined() && /* @__PURE__ */ a(
+                        condition: t.eventApi.getUrl().isDefined(),
+                        fallback: /* @__PURE__ */ a("span", { children: t.eventApi.getTitle() }),
+                        children: t.eventApi.getUrl().isDefined() && /* @__PURE__ */ a(
                           "a",
                           {
-                            href: s.eventApi.getUrl().get(),
+                            href: t.eventApi.getUrl().get(),
                             style: { color: "inherit" },
-                            children: s.eventApi.getTitle()
+                            children: t.eventApi.getTitle()
                           }
                         )
                       }
@@ -1545,19 +1618,19 @@ const ut = /* @__PURE__ */ hn(Cn), Tn = (s) => {
                   "div",
                   {
                     className: "schedulant-event-main",
-                    style: { color: r, width: `calc(100% - ${_ * 2}px)`, cursor: "grab" },
-                    onMouseDown: v,
+                    style: { color: r, width: `calc(100% - ${W * 2}px)`, cursor: "grab" },
+                    onMouseDown: A,
                     children: /* @__PURE__ */ a(
-                      W,
+                      H,
                       {
-                        condition: s.eventApi.getUrl().isDefined(),
-                        fallback: /* @__PURE__ */ a("span", { children: s.eventApi.getTitle() }),
-                        children: s.eventApi.getUrl().isDefined() && /* @__PURE__ */ a(
+                        condition: t.eventApi.getUrl().isDefined(),
+                        fallback: /* @__PURE__ */ a("span", { children: t.eventApi.getTitle() }),
+                        children: t.eventApi.getUrl().isDefined() && /* @__PURE__ */ a(
                           "a",
                           {
-                            href: s.eventApi.getUrl().get(),
+                            href: t.eventApi.getUrl().get(),
                             style: { color: "inherit" },
-                            children: s.eventApi.getTitle()
+                            children: t.eventApi.getTitle()
                           }
                         )
                       }
@@ -1567,29 +1640,29 @@ const ut = /* @__PURE__ */ hn(Cn), Tn = (s) => {
               }
             ),
             /* @__PURE__ */ a(
-              W,
+              H,
               {
-                condition: s.schedulantApi.isEditable(),
+                condition: t.schedulantApi.isEditable(),
                 fallback: /* @__PURE__ */ a(
-                  W,
+                  H,
                   {
-                    condition: s.eventApi.getEnd().isAfter(n.getEnd()),
-                    fallback: /* @__PURE__ */ a("div", { style: { width: _, height: u } }),
-                    children: /* @__PURE__ */ a(Ke, { width: _, height: u, color: "#FFFFFF" })
+                    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(
-                  W,
+                  H,
                   {
-                    condition: s.eventApi.getEnd().isSameOrBefore(n.getEnd()),
-                    fallback: /* @__PURE__ */ a(Ke, { width: _, height: u, color: "#FFFFFF" }),
+                    condition: t.eventApi.getEnd().isSameOrBefore(s.getEnd()),
+                    fallback: /* @__PURE__ */ a(rt, { width: W, height: d, color: "#FFFFFF" }),
                     children: /* @__PURE__ */ a(
                       "div",
                       {
                         className: "schedulant-event-resize-handle",
-                        onMouseDown: y,
-                        style: { width: _, height: u, cursor: "ew-resize" },
-                        children: /* @__PURE__ */ a(Qe, { width: _, height: u, color: "#FFFFFF" })
+                        onMouseDown: S,
+                        style: { width: W, height: d, cursor: "ew-resize" },
+                        children: /* @__PURE__ */ a(it, { width: W, height: d, color: "#FFFFFF" })
                       }
                     )
                   }
@@ -1601,17 +1674,17 @@ const ut = /* @__PURE__ */ hn(Cn), Tn = (s) => {
       )
     }
   ) });
-}), Rn = (s, e, t) => {
-  const n = t.getTime(), i = n.isBefore(E(), "day"), r = n.isAfter(E(), "day"), o = n.isSame(E(), "day");
+}), Yn = (t, e, n) => {
+  const s = n.getTime(), i = s.isBefore(E(), "day"), r = s.isAfter(E(), "day"), o = s.isSame(E(), "day");
   return N(() => {
-    const l = s.current;
+    const l = t.current;
     if (l)
       return e.milestoneDidMount({
         el: l,
         isPast: i,
         isFuture: r,
         isProcess: o,
-        milestoneApi: t,
+        milestoneApi: n,
         schedulantApi: e
       }), () => {
         e.milestoneWillUnmount({
@@ -1619,102 +1692,102 @@ const ut = /* @__PURE__ */ hn(Cn), Tn = (s) => {
           isPast: i,
           isFuture: r,
           isProcess: o,
-          milestoneApi: t,
+          milestoneApi: n,
           schedulantApi: e
         });
       };
-  }, [e, t, s, i, r, o]), { isPast: i, isFuture: r, isProcess: o };
-}, ht = (s) => {
-  const e = B(() => "schedulant-timeline-marker-position-guide", []), t = k(0), n = k(0), i = k(0), r = k(!1), o = T((p) => {
-    const y = p.style.left, b = p.style.right, g = s.schedulantApi.getScheduleView().getTimelineView(), A = s.milestoneApi?.getResourceApi() ?? s.checkpointApi?.getResourceApi(), S = g.calculateLaneHeight(A), M = document.createElement("div");
-    M.className = e, Object.assign(M.style, {
+  }, [e, n, t, i, r, o]), { isPast: i, isFuture: r, isProcess: o };
+}, St = (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, {
       position: "absolute",
       zIndex: 1,
-      left: y,
-      right: b,
-      height: w(S),
-      backgroundColor: s.schedulantApi.getDragHintColor()
-    }), p.parentNode?.insertBefore(M, p);
-  }, [s, e]), l = T((p) => {
-    const y = p.previousElementSibling;
-    y?.className === e && p.parentElement?.removeChild(y);
-  }, [e]), c = T((p) => {
-    const g = s.schedulantApi.getScheduleView().getTimelineView(), A = p - t.current, S = s.timelineWidth, M = g.getTotalSlots(), C = Math.round(A / S * M), D = C / M * s.timelineWidth;
+      left: S,
+      right: M,
+      height: w(v),
+      backgroundColor: t.schedulantApi.getDragHintColor()
+    }), p.parentNode?.insertBefore(b, 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;
     return {
-      moveSlots: C,
+      moveSlots: T,
       distance: D,
-      deltaX: A,
-      totalWidth: S,
-      totalSlots: M
+      deltaX: y,
+      totalWidth: v,
+      totalSlots: b
     };
-  }, [s]), u = T((p, y) => {
-    const b = p.previousElementSibling;
-    if (b && b.className === e) {
-      const { distance: g } = c(y);
-      b.style.left = w(Math.max(n.current + g, 0)), b.style.right = w(i.current - g);
+  }, [t]), d = C((p, S) => {
+    const M = p.previousElementSibling;
+    if (M && M.className === e) {
+      const { distance: g } = c(S);
+      M.style.left = w(Math.max(s.current + g, 0)), M.style.right = w(i.current - g);
     }
-  }, [e, c]), m = T((p, y) => {
-    const { moveSlots: b, distance: g } = c(y);
-    if (p.style.left = w(Math.max(n.current + g, 0)), p.style.right = w(i.current - g), s.milestoneApi) {
-      const A = s.milestoneApi.getTime().add(b, "day");
-      s.schedulantApi.milestoneMove({
+  }, [e, c]), m = C((p, S) => {
+    const { moveSlots: M, 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");
+      t.schedulantApi.milestoneMove({
         el: p,
-        date: A,
-        schedulantApi: s.schedulantApi,
-        milestoneApi: s.milestoneApi
+        date: y,
+        schedulantApi: t.schedulantApi,
+        milestoneApi: t.milestoneApi
       });
-    } else if (s.checkpointApi) {
-      const A = s.checkpointApi.getTime().add(b, "day");
-      s.schedulantApi.checkpointMove({
+    } else if (t.checkpointApi) {
+      const y = t.checkpointApi.getTime().add(M, "day");
+      t.schedulantApi.checkpointMove({
         el: p,
-        date: A,
-        schedulantApi: s.schedulantApi,
-        checkpointApi: s.checkpointApi
+        date: y,
+        schedulantApi: t.schedulantApi,
+        checkpointApi: t.checkpointApi
       });
     }
-    t.current = 0;
-  }, [s, c]), f = T((p) => {
+    n.current = 0;
+  }, [t, c]), f = C((p) => {
     p.preventDefault();
-    const y = s.markerRef.current, b = r.current;
-    if (y && b) {
-      const g = p.clientX - t.current, A = n.current + g, S = i.current - g;
-      y.style.left = w(A), y.style.right = w(S), u(y, p.clientX);
+    const S = t.markerRef.current, M = r.current;
+    if (S && M) {
+      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);
     }
-  }, [s.markerRef, u]), h = B(
-    () => ut(f, lt),
+  }, [t.markerRef, d]), u = F(
+    () => vt(f, gt),
     [f]
-  ), d = T((p) => {
+  ), h = C((p) => {
     p.preventDefault();
-    const y = s.markerRef.current, b = r.current, g = s.schedulantApi.getSchedulantElRef().current;
-    b && g && y && (l(y), m(y, p.clientX), g.removeEventListener("mousemove", h), r.current = !1);
-  }, [h, s.markerRef, s.schedulantApi, l, m]), v = T((p) => {
+    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) => {
     p.preventDefault();
-    const y = s.schedulantApi.getSchedulantElRef().current, b = s.markerRef.current;
-    y && b && (r.current = !0, t.current = p.clientX, n.current = ne(b.style.left), i.current = ne(b.style.right), o(b), y.addEventListener("mousemove", h));
-  }, [o, h, s.markerRef, s.schedulantApi]);
+    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]);
   return N(() => {
-    const p = s.schedulantApi.getSchedulantElRef().current, y = s.markerRef.current;
-    if (p && y) {
-      const b = y.parentElement?.parentElement;
-      if (b) {
-        const g = (A) => {
-          A.preventDefault(), r.current && !b.contains(A.relatedTarget) && (l(y), m(y, A.clientX), p.removeEventListener("mousemove", h), r.current = !1);
+    const p = t.schedulantApi.getSchedulantElRef().current, S = t.markerRef.current;
+    if (p && S) {
+      const M = S.parentElement?.parentElement;
+      if (M) {
+        const g = (y) => {
+          y.preventDefault(), r.current && !M.contains(y.relatedTarget) && (l(S), m(S, y.clientX), p.removeEventListener("mousemove", u), r.current = !1);
         };
-        return b.addEventListener("mouseup", g), b.addEventListener("mouseout", g), () => {
-          b.removeEventListener("mouseup", g), b.removeEventListener("mouseout", g), p.removeEventListener("mousemove", h), h.cancel();
+        return M.addEventListener("mouseup", g), M.addEventListener("mouseout", g), () => {
+          M.removeEventListener("mouseup", g), M.removeEventListener("mouseout", g), p.removeEventListener("mousemove", u), u.cancel();
         };
       }
     }
-  }, [h, s, l, m]), { handleMouseUp: d, handleMouseDown: v };
-}, kn = (s) => /* @__PURE__ */ a(X, { component: () => /* @__PURE__ */ O(
+  }, [u, t, l, m]), { handleMouseUp: h, handleMouseDown: A };
+}, _n = (t) => /* @__PURE__ */ a(X, { component: () => /* @__PURE__ */ I(
   "svg",
   {
     className: "flag-icon",
     viewBox: "0 0 1024 1024",
     version: "1.1",
     xmlns: "http://www.w3.org/2000/svg",
-    width: `${w(s.width)}`,
-    height: `${w(s.height)}`,
+    width: `${w(t.width)}`,
+    height: `${w(t.height)}`,
     children: [
       /* @__PURE__ */ a(
         "path",
@@ -1727,60 +1800,60 @@ const ut = /* @__PURE__ */ hn(Cn), Tn = (s) => {
         "path",
         {
           d: "M199.36 829.983s4.357 17.054-28.283 22.814c-29.64 5.228-34.954-12.974-34.954-12.974L90.217 544.696l54.62-44.933 54.523 330.22z m599.465-788.87l-68.562 408.275-8.54 5.693c-3.24 2.191-80.363 53.56-171.305 35.773-34.002-6.656-65.438-17.274-95.713-27.683-40.192-13.655-78.085-26.548-113.603-26.548-124.979 0-195.563 62.516-196.265 63.145l-54.62 44.933L18.036 80.973c0-9.84 9.666-21.366 17.546-29.384C68.739 17.853 220.414 0.563 335.383 0.563c71.563 0 120.694 36.603 160.185 65.966 23.357 17.331 45.373 33.69 65.31 37.74 59.91 11.965 155.792-24.346 187.659-39.424l50.288-23.731z",
-          fill: s.color
+          fill: t.color
         }
       )
     ]
   }
-), ...s }), xn = ie((s) => {
-  const e = k(null), t = k(null), n = s.schedulantApi.isEditable(), i = s.milestoneApi.getStatus(), r = s.milestoneApi.getColor().getOrElse(i === "Success" ? "green" : i === "Failure" ? "red" : "yellow"), l = s.schedulantApi.getScheduleView().getTimelineView().calculateLaneHeight(s.milestoneApi.getResourceApi()), c = l * Ft * -1, { isPast: u, isFuture: m, isProcess: f } = Rn(e, s.schedulantApi, s.milestoneApi), { handleMouseUp: h, handleMouseDown: d } = ht({
-    markerRef: t,
-    timelineWidth: s.timelineWidth,
-    schedulantApi: s.schedulantApi,
-    milestoneApi: s.milestoneApi
+), ...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({
+    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),
-    left: w(s.position.left),
-    right: w(s.position.right)
-  }, onMouseUp: n ? h : void 0, onMouseDown: n ? d : void 0, ref: t, children: /* @__PURE__ */ a(
-    G,
+    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(
+    Z,
     {
-      disabled: !s.schedulantApi.isEnableMilestoneContextMenu(),
+      disabled: !t.schedulantApi.isEnableMilestoneContextMenu(),
       destroyOnHidden: !0,
       trigger: ["contextMenu"],
       menu: {
-        items: s.schedulantApi.getMilestoneContextMenuItems(),
-        onClick: (v) => {
-          const { key: p, keyPath: y, domEvent: b } = v;
-          s.schedulantApi.onMilestoneContextMenuClick({
+        items: t.schedulantApi.getMilestoneContextMenuItems(),
+        onClick: (A) => {
+          const { key: p, keyPath: S, domEvent: M } = A;
+          t.schedulantApi.onMilestoneContextMenuClick({
             key: p,
-            keyPath: y,
-            domEvent: b,
-            isPast: u,
+            keyPath: S,
+            domEvent: M,
+            isPast: d,
             isFuture: m,
             isProcess: f,
-            milestoneApi: s.milestoneApi,
-            schedulantApi: s.schedulantApi
+            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(kn, { width: l * Pe, height: l * Pe, color: r }) }) })
+      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 }) }) })
     }
   ) });
-}), On = (s, e, t) => {
-  const n = t.getTime(), i = n.isBefore(E(), "day"), r = n.isAfter(E(), "day"), o = n.isSame(E(), "day");
+}), Hn = (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 = s.current;
+    const l = t.current;
     if (l)
       return e.checkpointDidMount({
         el: l,
         isPast: i,
         isFuture: r,
         isProcess: o,
-        checkpointApi: t,
+        checkpointApi: n,
         schedulantApi: e
       }), () => {
         e.checkpointWillUnmount({
@@ -1788,20 +1861,20 @@ const ut = /* @__PURE__ */ hn(Cn), Tn = (s) => {
           isPast: i,
           isFuture: r,
           isProcess: o,
-          checkpointApi: t,
+          checkpointApi: n,
           schedulantApi: e
         });
       };
-  }, [e, t, s, i, r, o]), { isPast: i, isFuture: r, isProcess: o };
-}, In = (s) => /* @__PURE__ */ a(X, { component: () => /* @__PURE__ */ O(
+  }, [e, n, t, i, r, o]), { isPast: i, isFuture: r, isProcess: o };
+}, zn = (t) => /* @__PURE__ */ a(X, { component: () => /* @__PURE__ */ I(
   "svg",
   {
     className: "droplet-icon",
     viewBox: "0 0 1024 1024",
     version: "1.1",
     xmlns: "http://www.w3.org/2000/svg",
-    width: `${w(s.width)}`,
-    height: `${w(s.height)}`,
+    width: `${w(t.width)}`,
+    height: `${w(t.height)}`,
     children: [
       /* @__PURE__ */ a(
         "path",
@@ -1814,22 +1887,22 @@ const ut = /* @__PURE__ */ hn(Cn), Tn = (s) => {
         "path",
         {
           d: "m519.91456,697.78863l-177.9252,-204.81251a337.99847,337.99847 0 0 1 -97.70097,-204.53112a252.67817,252.67817 0 0 1 71.47021,-204.65619a288.19443,288.19443 0 0 1 408.31192,0a252.7407,252.7407 0 0 1 71.43895,204.68745a338.09227,338.09227 0 0 1 -97.70098,204.68745l-177.89393,204.59366l0,0.03126zm-4.34574,-636.10369a207.62629,207.62629 0 1 0 207.6263,207.6263a207.87641,207.87641 0 0 0 -207.6263,-207.6263z",
-          fill: s.color
+          fill: t.color
         }
       ),
-      /* @__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: s.color })
+      /* @__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 })
     ]
   }
-), ...s }), Pn = ie((s) => {
-  const e = k(null), t = k(null), n = s.schedulantApi.isEditable(), i = s.checkpointApi.getColor().getOrElse("black"), r = s.schedulantApi.getScheduleView().getTimelineView(), o = r.calculateLaneHeight(s.checkpointApi.getResourceApi()), l = r.calculateEventHeight(), c = (o - l) / 2 + 2, {
-    isPast: u,
+), ...t }), Vn = 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
-  } = On(e, s.schedulantApi, s.checkpointApi), { handleMouseUp: h, handleMouseDown: d } = ht({
-    markerRef: t,
-    timelineWidth: s.timelineWidth,
-    schedulantApi: s.schedulantApi,
-    checkpointApi: s.checkpointApi
+  } = Hn(e, t.schedulantApi, t.checkpointApi), { handleMouseUp: u, handleMouseDown: h } = St({
+    markerRef: n,
+    timelineWidth: t.timelineWidth,
+    schedulantApi: t.schedulantApi,
+    checkpointApi: t.checkpointApi
   });
   return /* @__PURE__ */ a(
     "div",
@@ -1839,41 +1912,41 @@ const ut = /* @__PURE__ */ hn(Cn), Tn = (s) => {
         top: w(c),
         height: w(l),
         lineHeight: w(l),
-        left: w(s.position.left),
-        right: w(s.position.right)
+        left: w(t.position.left),
+        right: w(t.position.right)
       },
-      onMouseUp: n ? h : void 0,
-      onMouseDown: n ? d : void 0,
-      ref: t,
+      onMouseUp: s ? u : void 0,
+      onMouseDown: s ? h : void 0,
+      ref: n,
       children: /* @__PURE__ */ a(
-        G,
+        Z,
         {
-          disabled: !s.schedulantApi.isEnableCheckpointContextMenu(),
+          disabled: !t.schedulantApi.isEnableCheckpointContextMenu(),
           destroyOnHidden: !0,
           trigger: ["contextMenu"],
           menu: {
-            items: s.schedulantApi.getCheckpointContextMenuItems(),
-            onClick: (v) => {
-              const { key: p, keyPath: y, domEvent: b } = v;
-              s.schedulantApi.onCheckpointContextMenuClick({
+            items: t.schedulantApi.getCheckpointContextMenuItems(),
+            onClick: (A) => {
+              const { key: p, keyPath: S, domEvent: M } = A;
+              t.schedulantApi.onCheckpointContextMenuClick({
                 key: p,
-                keyPath: y,
-                domEvent: b,
-                isPast: u,
+                keyPath: S,
+                domEvent: M,
+                isPast: d,
                 isFuture: m,
                 isProcess: f,
-                checkpointApi: s.checkpointApi,
-                schedulantApi: s.schedulantApi
+                checkpointApi: t.checkpointApi,
+                schedulantApi: t.schedulantApi
               });
             }
           },
-          children: /* @__PURE__ */ a("div", { className: "schedulant-timeline-checkpoint", ref: e, children: /* @__PURE__ */ a("div", { className: "schedulant-checkpoint-main", children: /* @__PURE__ */ a(In, { 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(zn, { width: l, height: l, color: i }) }) })
         }
       )
     }
   );
 });
-class Q {
+class J {
   schedulantApi;
   constructor(e) {
     this.schedulantApi = e;
@@ -1885,50 +1958,50 @@ class Q {
     return this.schedulantApi.getTimelineApi();
   }
   renderLane() {
-    return /* @__PURE__ */ a(dn, {});
+    return /* @__PURE__ */ a(vn, {});
   }
-  renderEvents(e, t) {
-    const n = 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(n.getEnd()) && !r.getEnd().isBefore(n.getStart())).map((r) => {
-      const o = this.calculatePosition(t, r.getStart(), r.getEnd());
+  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(
-        Dn,
+        Nn,
         {
           eventApi: r,
           position: o,
           resourceApi: e,
           schedulantApi: this.schedulantApi,
-          timelineWidth: t
+          timelineWidth: n
         },
         r.getId()
       );
     }) });
   }
-  renderMilestones(e, t) {
-    const n = this.schedulantApi.getTimelineApi(), i = e.getMilestoneApis();
-    return /* @__PURE__ */ a("div", { className: "schedulant-timeline-milestones schedulant-scrollgrid-sync-inner", children: i.filter((r) => (r.getTime().isAfter(n.getStart(), "day") || r.getTime().isSame(n.getStart(), "day")) && r.getTime().isSameOrBefore(n.getEnd(), "day")).map((r) => {
-      const o = this.calculatePosition(t, r.getTime(), r.getTime());
+  renderMilestones(e, n) {
+    const s = this.schedulantApi.getTimelineApi(), i = e.getMilestoneApis();
+    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(
-        xn,
+        Wn,
         {
           position: o,
           milestoneApi: r,
-          timelineWidth: t,
+          timelineWidth: n,
           schedulantApi: this.schedulantApi
         },
         r.getId()
       );
     }) });
   }
-  renderCheckpoints(e, t) {
-    const n = this.schedulantApi.getTimelineApi(), i = e.getCheckpointApis();
-    return /* @__PURE__ */ a("div", { className: "schedulant-timeline-checkpoints schedulant-scrollgrid-sync-inner", children: i.filter((r) => (r.getTime().isAfter(n.getStart(), "day") || r.getTime().isSame(n.getStart(), "day")) && r.getTime().isSameOrBefore(n.getEnd(), "day")).map((r) => {
-      const o = this.calculatePosition(t, r.getTime(), r.getTime());
+  renderCheckpoints(e, n) {
+    const s = this.schedulantApi.getTimelineApi(), i = e.getCheckpointApis();
+    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(
-        Pn,
+        Vn,
         {
           position: o,
-          timelineWidth: t,
+          timelineWidth: n,
           checkpointApi: r,
           schedulantApi: this.schedulantApi
         },
@@ -1937,65 +2010,65 @@ class Q {
     }) });
   }
   calculateLaneHeight(e) {
-    const t = this.schedulantApi.getTimelineApi().getStart(), n = this.schedulantApi.getTimelineApi().getEnd();
-    return e.getMilestoneApis().filter((r) => !r.getTime().isBefore(t) && !r.getTime().isAfter(n)).length === 0 ? this.schedulantApi.getLineHeight() : this.schedulantApi.getLineHeight() * ot;
+    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;
   }
   calculateEventHeight() {
-    return this.schedulantApi.getLineHeight() * Vt;
+    return this.schedulantApi.getLineHeight() * Gt;
   }
 }
-const K = (s) => {
-  const { dates: e, minWidth: t } = s;
-  return /* @__PURE__ */ a("colgroup", { children: e.map((n) => /* @__PURE__ */ a("col", { style: { minWidth: t } }, n.format("YYYY-MM-DD"))) });
-}, Nn = (s, e, t) => {
-  const n = t.isBefore(E(), "day"), i = t.isAfter(E(), "day"), r = t.isSame(E(), "day");
+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) => {
+  const s = n.isBefore(E(), "day"), i = n.isAfter(E(), "day"), r = n.isSame(E(), "day");
   N(() => {
-    const o = s.current;
+    const o = t.current;
     if (o)
       return e.timelineSlotLaneDidMount({
         el: o,
-        isPast: n,
+        isPast: s,
         isFuture: i,
         isProcess: r,
-        date: t,
+        date: n,
         slotType: e.getSchedulantViewType(),
         schedulantApi: e
       }), () => {
         e.timelineSlotLaneWillUnmount({
           el: o,
-          isPast: n,
+          isPast: s,
           isFuture: i,
           isProcess: r,
-          date: t,
+          date: n,
           slotType: e.getSchedulantViewType(),
           schedulantApi: e
         });
       };
-  }, [t, i, n, r, e, s]);
-}, Z = ie((s) => {
+  }, [n, i, s, r, e, t]);
+}, te = ae((t) => {
   const e = k(null);
-  return Nn(e, s.schedulantApi, s.date), /* @__PURE__ */ a(
+  return Fn(e, t.schedulantApi, t.date), /* @__PURE__ */ a(
     "td",
     {
       ref: e,
-      "data-date": s.dataDate,
+      "data-date": t.dataDate,
       className: "schedulant-timeline-slot schedulant-timeline-slot-lane",
-      children: /* @__PURE__ */ a("div", { className: `schedulant-timeline-slot-frame ${s.classNames?.join(" ")}` })
+      children: /* @__PURE__ */ a("div", { className: `schedulant-timeline-slot-frame ${t.classNames?.join(" ")}` })
     },
-    s.date.format("YYYY-MM-DD")
+    t.date.format("YYYY-MM-DD")
   );
-}), Ln = (s, e, t, n, i) => {
-  const r = t.isBefore(E(), "day"), o = t.isAfter(E(), "day"), l = t.isSame(E(), "day");
+}), Bn = (t, e, n, s, i) => {
+  const r = n.isBefore(E(), "day"), o = n.isAfter(E(), "day"), l = n.isSame(E(), "day");
   N(() => {
-    const c = s.current;
+    const c = t.current;
     if (c)
       return e.timelineSlotLabelDidMount({
         el: c,
         isPast: r,
         isFuture: o,
         isProcess: l,
-        date: t,
-        level: n,
+        date: n,
+        level: s,
         timeText: i,
         slotType: e.getSchedulantViewType(),
         schedulantApi: e
@@ -2005,58 +2078,58 @@ const K = (s) => {
           isPast: r,
           isFuture: o,
           isProcess: l,
-          date: t,
-          level: n,
+          date: n,
+          level: s,
           timeText: i,
           slotType: e.getSchedulantViewType(),
           schedulantApi: e
         });
       };
-  }, [t, o, r, l, n, e, i, s]);
-}, V = (s) => {
+  }, [n, o, r, l, s, e, i, t]);
+}, B = (t) => {
   const e = k(null);
-  return Ln(e, s.schedulantApi, s.date, s.level, s.timeText), /* @__PURE__ */ a(
+  return Bn(e, t.schedulantApi, t.date, t.level, t.timeText), /* @__PURE__ */ a(
     "th",
     {
       ref: e,
-      colSpan: s.colSpan,
-      "data-date": s.dataDate,
+      colSpan: t.colSpan,
+      "data-date": t.dataDate,
       className: "schedulant-timeline-slot schedulant-timeline-slot-label",
-      children: /* @__PURE__ */ a("div", { className: `schedulant-timeline-slot-frame ${s.classNames.join(" ")}`, children: /* @__PURE__ */ a(
+      children: /* @__PURE__ */ a("div", { className: `schedulant-timeline-slot-frame ${t.classNames.join(" ")}`, children: /* @__PURE__ */ a(
         "span",
         {
-          title: s.dataDate,
+          title: t.dataDate,
           className: "schedulant-timeline-slot-cushion schedulant-scrollgrid-sync-inner",
-          children: s.timeText
+          children: t.timeText
         }
       ) })
     },
-    s.date.format("YYYY-MM-DD")
+    t.date.format("YYYY-MM-DD")
   );
 };
-class Yn extends Q {
+class qn extends J {
   renderColgroup() {
-    const e = this.getSchedulantApi(), n = this.getTimelineApi().getDays(), i = e.getSlotMinWidth();
-    return /* @__PURE__ */ a(K, { dates: n, minWidth: i });
+    const e = this.getSchedulantApi(), s = this.getTimelineApi().getDays(), i = e.getSlotMinWidth();
+    return /* @__PURE__ */ a(ee, { dates: s, minWidth: i });
   }
   renderBodySlots() {
-    const e = this.getTimelineApi(), t = e.getDays();
-    return /* @__PURE__ */ a("tbody", { children: /* @__PURE__ */ a("tr", { role: "row", children: t.map((n) => /* @__PURE__ */ a(
-      Z,
+    const e = this.getTimelineApi(), n = e.getDays();
+    return /* @__PURE__ */ a("tbody", { children: /* @__PURE__ */ a("tr", { role: "row", children: n.map((s) => /* @__PURE__ */ a(
+      te,
       {
-        date: n,
-        dataDate: n.format("YYYY-MM-DD"),
-        classNames: ["schedulant-day", n.isSame(E(), "day") ? "schedulant-today-body" : "", e.isHoliday(n) ? "schedulant-holiday" : ""],
+        date: s,
+        dataDate: s.format("YYYY-MM-DD"),
+        classNames: ["schedulant-day", s.isSame(E(), "day") ? "schedulant-today-body" : "", e.isHoliday(s) ? "schedulant-holiday" : ""],
         schedulantApi: this.getSchedulantApi()
       },
-      n.format("YYYY-MM-DD")
+      s.format("YYYY-MM-DD")
     )) }) });
   }
   renderHeaderSlots() {
-    const e = this.getTimelineApi(), t = e.getDays(), n = e.populateMonthsWithDays(), i = e.populateYearsWithDays();
-    return /* @__PURE__ */ O("tbody", { children: [
+    const e = this.getTimelineApi(), n = e.getDays(), s = e.populateMonthsWithDays(), i = e.populateYearsWithDays();
+    return /* @__PURE__ */ I("tbody", { children: [
       /* @__PURE__ */ a("tr", { role: "row", className: "schedulant-timeline-head-row", children: i.map((r) => /* @__PURE__ */ a(
-        V,
+        B,
         {
           level: 1,
           date: r.year,
@@ -2068,8 +2141,8 @@ class Yn extends Q {
         },
         r.year.year()
       )) }),
-      /* @__PURE__ */ a("tr", { role: "row", className: "schedulant-timeline-head-row", children: n.map((r) => /* @__PURE__ */ a(
-        V,
+      /* @__PURE__ */ a("tr", { role: "row", className: "schedulant-timeline-head-row", children: s.map((r) => /* @__PURE__ */ a(
+        B,
         {
           level: 2,
           date: r.month,
@@ -2081,8 +2154,8 @@ class Yn extends Q {
         },
         `${r.month.format("YYYY-MM")}`
       )) }),
-      /* @__PURE__ */ a("tr", { role: "row", className: "schedulant-timeline-head-row", children: t.map((r) => /* @__PURE__ */ a(
-        V,
+      /* @__PURE__ */ a("tr", { role: "row", className: "schedulant-timeline-head-row", children: n.map((r) => /* @__PURE__ */ a(
+        B,
         {
           level: 3,
           date: r,
@@ -2094,8 +2167,8 @@ class Yn extends Q {
         },
         r.format("YYYY-MM-DD")
       )) }),
-      /* @__PURE__ */ a("tr", { role: "row", className: "schedulant-timeline-head-row", children: t.map((r) => /* @__PURE__ */ a(
-        V,
+      /* @__PURE__ */ a("tr", { role: "row", className: "schedulant-timeline-head-row", children: n.map((r) => /* @__PURE__ */ a(
+        B,
         {
           level: 4,
           date: r,
@@ -2112,37 +2185,37 @@ class Yn extends Q {
   getTotalSlots() {
     return this.getTimelineApi().getDays().length;
   }
-  calculatePosition(e, t, n) {
-    const i = this.getTimelineApi(), r = e / i.getDays().length, o = i.getDayPosition(t.isBefore(i.getStart()) ? i.getStart() : t) * r, l = (i.getDayPosition(n.isAfter(i.getEnd()) ? i.getEnd() : n) + 1) * r * -1;
+  calculatePosition(e, n, s) {
+    const i = this.getTimelineApi(), r = e / i.getDays().length, o = i.getDayPosition(n.isBefore(i.getStart()) ? i.getStart() : n) * r, l = (i.getDayPosition(s.isAfter(i.getEnd()) ? i.getEnd() : s) + 1) * r * -1;
     return { left: o, right: l };
   }
 }
-class _n extends Q {
+class Un extends J {
   getTotalSlots() {
     return this.getTimelineApi().getMonths().length;
   }
   renderColgroup() {
-    const e = this.getSchedulantApi(), n = this.getTimelineApi().getMonths(), i = e.getSlotMinWidth();
-    return /* @__PURE__ */ a(K, { dates: n, minWidth: i });
+    const e = this.getSchedulantApi(), s = this.getTimelineApi().getMonths(), i = e.getSlotMinWidth();
+    return /* @__PURE__ */ a(ee, { dates: s, minWidth: i });
   }
   renderBodySlots() {
-    const t = this.getTimelineApi().getMonths();
-    return /* @__PURE__ */ a("tbody", { children: /* @__PURE__ */ a("tr", { role: "row", children: t.map((n) => /* @__PURE__ */ a(
-      Z,
+    const n = this.getTimelineApi().getMonths();
+    return /* @__PURE__ */ a("tbody", { children: /* @__PURE__ */ a("tr", { role: "row", children: n.map((s) => /* @__PURE__ */ a(
+      te,
       {
-        date: n,
-        dataDate: n.format("YYYY-MM"),
-        classNames: ["schedulant-month", n.isSame(E(), "month") ? "schedulant-this-month-body" : ""],
+        date: s,
+        dataDate: s.format("YYYY-MM"),
+        classNames: ["schedulant-month", s.isSame(E(), "month") ? "schedulant-this-month-body" : ""],
         schedulantApi: this.getSchedulantApi()
       },
-      n.format("YYYY-MM")
+      s.format("YYYY-MM")
     )) }) });
   }
   renderHeaderSlots() {
-    const e = this.getTimelineApi(), t = e.getMonths(), n = e.populateYearsWithMonths();
-    return /* @__PURE__ */ O("tbody", { children: [
-      /* @__PURE__ */ a("tr", { role: "row", className: "schedulant-timeline-head-row", children: n.map((i) => /* @__PURE__ */ a(
-        V,
+    const e = this.getTimelineApi(), n = e.getMonths(), s = e.populateYearsWithMonths();
+    return /* @__PURE__ */ I("tbody", { children: [
+      /* @__PURE__ */ a("tr", { role: "row", className: "schedulant-timeline-head-row", children: s.map((i) => /* @__PURE__ */ a(
+        B,
         {
           level: 1,
           date: i.year,
@@ -2154,8 +2227,8 @@ class _n extends Q {
         },
         i.year.year()
       )) }),
-      /* @__PURE__ */ a("tr", { role: "row", className: "schedulant-timeline-head-row", children: t.map((i) => /* @__PURE__ */ a(
-        V,
+      /* @__PURE__ */ a("tr", { role: "row", className: "schedulant-timeline-head-row", children: n.map((i) => /* @__PURE__ */ a(
+        B,
         {
           level: 2,
           date: i,
@@ -2169,37 +2242,37 @@ class _n extends Q {
       )) })
     ] });
   }
-  calculatePosition(e, t, n) {
-    const i = this.getTimelineApi(), r = i.getMonths(), o = e / r.length, l = t.isBefore(i.getStart()) ? i.getStart() : t, c = n.isAfter(i.getEnd()) ? i.getEnd() : n, u = l.date() - 1, m = o / l.daysInMonth(), f = i.getMonthPosition(l) * o, h = t.isSameOrBefore(i.getStart(), "day") ? f : f + u * m, d = c.daysInMonth() - c.date(), v = o / c.daysInMonth(), p = (i.getMonthPosition(c) + 1) * o * -1, y = n.isBefore(i.getEnd(), "day") ? p + d * v : p;
-    return { left: h, right: y };
+  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 };
   }
 }
-class Wn extends Q {
+class jn extends J {
   getTotalSlots() {
     return this.getTimelineApi().getQuarters().length;
   }
   renderColgroup() {
-    const e = this.getSchedulantApi(), n = this.getTimelineApi().getQuarters(), i = e.getSlotMinWidth();
-    return /* @__PURE__ */ a(K, { dates: n, minWidth: i });
+    const e = this.getSchedulantApi(), s = this.getTimelineApi().getQuarters(), i = e.getSlotMinWidth();
+    return /* @__PURE__ */ a(ee, { dates: s, minWidth: i });
   }
   renderBodySlots() {
-    const t = this.getTimelineApi().getQuarters();
-    return /* @__PURE__ */ a("tbody", { children: /* @__PURE__ */ a("tr", { role: "row", children: t.map((n) => /* @__PURE__ */ a(
-      Z,
+    const n = this.getTimelineApi().getQuarters();
+    return /* @__PURE__ */ a("tbody", { children: /* @__PURE__ */ a("tr", { role: "row", children: n.map((s) => /* @__PURE__ */ a(
+      te,
       {
-        date: n,
-        dataDate: `${n.year()}-Q${n.quarter()}`,
-        classNames: ["schedulant-quarter", n.isSame(E(), "quarter") ? "schedulant-this-quarter-body" : ""],
+        date: s,
+        dataDate: `${s.year()}-Q${s.quarter()}`,
+        classNames: ["schedulant-quarter", s.isSame(E(), "quarter") ? "schedulant-this-quarter-body" : ""],
         schedulantApi: this.getSchedulantApi()
       },
-      `${n.year()}-Q${n.quarter()}`
+      `${s.year()}-Q${s.quarter()}`
     )) }) });
   }
   renderHeaderSlots() {
-    const e = this.getTimelineApi(), t = e.getQuarters(), n = e.populateYearsWithQuarters();
-    return /* @__PURE__ */ O("tbody", { children: [
-      /* @__PURE__ */ a("tr", { role: "row", className: "schedulant-timeline-head-row", children: n.map((i) => /* @__PURE__ */ a(
-        V,
+    const e = this.getTimelineApi(), n = e.getQuarters(), s = e.populateYearsWithQuarters();
+    return /* @__PURE__ */ I("tbody", { children: [
+      /* @__PURE__ */ a("tr", { role: "row", className: "schedulant-timeline-head-row", children: s.map((i) => /* @__PURE__ */ a(
+        B,
         {
           level: 1,
           date: i.year,
@@ -2211,8 +2284,8 @@ class Wn extends Q {
         },
         i.year.year()
       )) }),
-      /* @__PURE__ */ a("tr", { role: "row", className: "schedulant-timeline-head-row", children: t.map((i) => /* @__PURE__ */ a(
-        V,
+      /* @__PURE__ */ a("tr", { role: "row", className: "schedulant-timeline-head-row", children: n.map((i) => /* @__PURE__ */ a(
+        B,
         {
           level: 2,
           date: i,
@@ -2226,115 +2299,115 @@ class Wn extends Q {
       )) })
     ] });
   }
-  calculatePosition(e, t, n) {
-    const i = this.getTimelineApi(), r = i.getQuarters(), o = e / r.length, l = t.isBefore(i.getStart()) ? i.getStart() : t, c = n.isAfter(i.getEnd()) ? i.getEnd() : n, u = l.endOf("quarter").diff(l.startOf("quarter"), "day") + 1, m = t.diff(l.startOf("quarter"), "day"), f = o / u, h = m * f, d = i.getQuarterPosition(l) * o, v = t.isSameOrBefore(i.getStart(), "day") ? d : d + h, p = c.endOf("quarter").diff(c.startOf("quarter"), "day") + 1, y = c.endOf("quarter").diff(c, "day"), b = o / p, g = y * b, A = (i.getQuarterPosition(c) + 1) * o * -1, S = n.isBefore(i.getEnd(), "day") ? A + g : A;
-    return { left: v, right: S };
+  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;
+    return { left: A, right: v };
   }
 }
-class Hn extends Q {
+class $n extends J {
   getTotalSlots() {
     return this.getTimelineApi().getWeeks().length;
   }
   renderColgroup() {
-    const e = this.getSchedulantApi(), n = this.getTimelineApi().getWeeks(), i = e.getSlotMinWidth();
-    return /* @__PURE__ */ a(K, { dates: n, minWidth: i });
+    const e = this.getSchedulantApi(), s = this.getTimelineApi().getWeeks(), i = e.getSlotMinWidth();
+    return /* @__PURE__ */ a(ee, { dates: s, minWidth: i });
   }
   renderBodySlots() {
-    const t = this.getTimelineApi().getWeeks();
-    return /* @__PURE__ */ a("tbody", { children: /* @__PURE__ */ a("tr", { role: "row", children: t.map((n) => /* @__PURE__ */ a(
-      Z,
+    const n = this.getTimelineApi().getWeeks();
+    return /* @__PURE__ */ a("tbody", { children: /* @__PURE__ */ a("tr", { role: "row", children: n.map((s) => /* @__PURE__ */ a(
+      te,
       {
-        date: n,
-        dataDate: `${n.format("YYYY-MM-DD")}`,
-        classNames: ["schedulant-week", n.isSame(E(), "week") ? "schedulant-this-week-body" : ""],
+        date: s,
+        dataDate: `${s.format("YYYY-MM-DD")}`,
+        classNames: ["schedulant-week", s.isSame(E(), "week") ? "schedulant-this-week-body" : ""],
         schedulantApi: this.getSchedulantApi()
       },
-      `${n.format("YYYY-MM-DD")}`
+      `${s.format("YYYY-MM-DD")}`
     )) }) });
   }
   renderHeaderSlots() {
-    const t = this.getTimelineApi().getWeeks();
-    return /* @__PURE__ */ a("tbody", { children: /* @__PURE__ */ a("tr", { role: "row", className: "schedulant-timeline-head-row", children: t.map((n) => /* @__PURE__ */ a(
-      V,
+    const n = this.getTimelineApi().getWeeks();
+    return /* @__PURE__ */ a("tbody", { children: /* @__PURE__ */ a("tr", { role: "row", className: "schedulant-timeline-head-row", children: n.map((s) => /* @__PURE__ */ a(
+      B,
       {
         level: 2,
-        date: n,
-        dataDate: `${n.format("YYYY-MM-DD")}`,
+        date: s,
+        dataDate: `${s.format("YYYY-MM-DD")}`,
         colSpan: 1,
-        timeText: `W${n.week().toString().padStart(2, "0")}`,
-        classNames: ["schedulant-week", n.isSame(E(), "week") ? "schedulant-this-week-head" : ""],
+        timeText: `W${s.week().toString().padStart(2, "0")}`,
+        classNames: ["schedulant-week", s.isSame(E(), "week") ? "schedulant-this-week-head" : ""],
         schedulantApi: this.getSchedulantApi()
       },
-      `${n.format("YYYY-MM-DD")}`
+      `${s.format("YYYY-MM-DD")}`
     )) }) });
   }
-  calculatePosition(e, t, n) {
-    const i = this.getTimelineApi(), r = i.getWeeks(), o = e / r.length, l = t.isBefore(i.getStart()) ? i.getStart() : t, c = n.isAfter(i.getEnd()) ? i.getEnd() : n, u = o / 7, m = l.day(), f = i.getWeekPosition(l) * o, h = t.isSameOrBefore(i.getStart(), "day") ? f : f + m * u, d = 6 - c.day(), v = (i.getWeekPosition(c) + 1) * o * -1, p = n.isBefore(i.getEnd(), "day") ? v + d * u : v;
-    return { left: h, right: p };
+  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 };
   }
 }
-class zn extends Q {
+class Gn extends J {
   getTotalSlots() {
     return this.getTimelineApi().getYears().length;
   }
   renderColgroup() {
-    const e = this.getSchedulantApi(), n = this.getTimelineApi().getYears(), i = e.getSlotMinWidth();
-    return /* @__PURE__ */ a(K, { dates: n, minWidth: i });
+    const e = this.getSchedulantApi(), s = this.getTimelineApi().getYears(), i = e.getSlotMinWidth();
+    return /* @__PURE__ */ a(ee, { dates: s, minWidth: i });
   }
   renderBodySlots() {
-    const t = this.getTimelineApi().getYears();
-    return /* @__PURE__ */ a("tbody", { children: /* @__PURE__ */ a("tr", { role: "row", children: t.map((n) => /* @__PURE__ */ a(
-      Z,
+    const n = this.getTimelineApi().getYears();
+    return /* @__PURE__ */ a("tbody", { children: /* @__PURE__ */ a("tr", { role: "row", children: n.map((s) => /* @__PURE__ */ a(
+      te,
       {
-        date: n,
-        dataDate: n.year().toString(),
-        classNames: ["schedulant-year", n.isSame(E(), "year") ? "schedulant-this-year-body" : ""],
+        date: s,
+        dataDate: s.year().toString(),
+        classNames: ["schedulant-year", s.isSame(E(), "year") ? "schedulant-this-year-body" : ""],
         schedulantApi: this.getSchedulantApi()
       },
-      n.year()
+      s.year()
     )) }) });
   }
   renderHeaderSlots() {
-    const t = this.getTimelineApi().getYears();
-    return /* @__PURE__ */ a("tbody", { children: /* @__PURE__ */ a("tr", { role: "row", className: "schedulant-timeline-head-row", children: t.map((n) => /* @__PURE__ */ a(
-      V,
+    const n = this.getTimelineApi().getYears();
+    return /* @__PURE__ */ a("tbody", { children: /* @__PURE__ */ a("tr", { role: "row", className: "schedulant-timeline-head-row", children: n.map((s) => /* @__PURE__ */ a(
+      B,
       {
         level: 1,
-        date: n,
-        dataDate: n.year().toString(),
+        date: s,
+        dataDate: s.year().toString(),
         colSpan: 1,
-        timeText: n.year().toString(),
-        classNames: ["schedulant-year", n.isSame(E(), "year") ? "schedulant-this-year-head" : ""],
+        timeText: s.year().toString(),
+        classNames: ["schedulant-year", s.isSame(E(), "year") ? "schedulant-this-year-head" : ""],
         schedulantApi: this.getSchedulantApi()
       },
-      n.year()
+      s.year()
     )) }) });
   }
-  calculatePosition(e, t, n) {
-    const i = this.getTimelineApi(), r = i.getYears(), o = e / r.length, l = t.isBefore(i.getStart()) ? i.getStart() : t, c = n.isAfter(i.getEnd()) ? i.getEnd() : n, u = l.endOf("year").diff(l.startOf("year"), "day") + 1, m = l.diff(l.startOf("year"), "day"), f = o / u, h = m * f, d = i.getYearPosition(l) * o, v = t.isSameOrBefore(i.getStart(), "day") ? d : d + h, p = c.endOf("year").diff(c.startOf("year"), "day") + 1, y = c.endOf("year").diff(c, "day"), b = o / p, g = y * b, A = (i.getYearPosition(c) + 1) * o * -1, S = n.isBefore(i.getEnd(), "day") ? A + g : A;
-    return { left: v, right: S };
+  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;
+    return { left: A, right: v };
   }
 }
-class Vn {
+class Xn {
   schedulantApi;
   timelineView;
   schedulantElRef;
-  constructor(e, t) {
-    switch (this.schedulantElRef = t, this.schedulantApi = new Jt(this, e), this.schedulantApi.getSchedulantViewType()) {
+  constructor(e, n) {
+    switch (this.schedulantElRef = n, this.schedulantApi = new ln(this, e), this.schedulantApi.getSchedulantViewType()) {
       case "Day":
-        this.timelineView = new Yn(this.schedulantApi);
+        this.timelineView = new qn(this.schedulantApi);
         break;
       case "Week":
-        this.timelineView = new Hn(this.schedulantApi);
+        this.timelineView = new $n(this.schedulantApi);
         break;
       case "Month":
-        this.timelineView = new _n(this.schedulantApi);
+        this.timelineView = new Un(this.schedulantApi);
         break;
       case "Quarter":
-        this.timelineView = new Wn(this.schedulantApi);
+        this.timelineView = new jn(this.schedulantApi);
         break;
       case "Year":
-        this.timelineView = new zn(this.schedulantApi);
+        this.timelineView = new Gn(this.schedulantApi);
         break;
     }
   }
@@ -2347,15 +2420,15 @@ class Vn {
   renderTimelineHeaderTableSlots() {
     return this.timelineView.renderHeaderSlots();
   }
-  renderTimelineDrawingBoardTable(e, t, n, i) {
+  renderTimelineDrawingBoardTable(e, n, s, i) {
     const r = (c) => {
-      const u = this.timelineView.calculateLaneHeight(c);
+      const d = this.timelineView.calculateLaneHeight(c);
       return /* @__PURE__ */ a("tr", { children: /* @__PURE__ */ a(
         "td",
         {
           "data-resource-id": c.getId(),
           className: "schedulant-timeline-lane schedulant-resource",
-          children: /* @__PURE__ */ O("div", { className: "schedulant-timeline-lane-frame", style: { height: u }, children: [
+          children: /* @__PURE__ */ I("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),
@@ -2364,36 +2437,36 @@ class Vn {
           ] })
         }
       ) }, c.getId());
-    }, o = t.length > 0 ? t[0].start : 0, l = t.length > 0 ? n - t[t.length - 1].end : 0;
-    return /* @__PURE__ */ O("tbody", { children: [
+    }, o = n.length > 0 ? n[0].start : 0, l = n.length > 0 ? s - n[n.length - 1].end : 0;
+    return /* @__PURE__ */ I("tbody", { children: [
       o > 0 && /* @__PURE__ */ a("tr", { children: /* @__PURE__ */ a("td", { style: { height: o, padding: 0, border: "none" } }) }),
-      t.map((c) => {
-        const u = e[c.index];
-        return r(u);
+      n.map((c) => {
+        const d = e[c.index];
+        return r(d);
       }),
       l > 0 && /* @__PURE__ */ a("tr", { children: /* @__PURE__ */ a("td", { style: { height: l, padding: 0, border: "none" } }) })
     ] });
   }
   renderResourceTableColgroup() {
     const e = this.schedulantApi.getResourceAreaColumns();
-    return /* @__PURE__ */ a(cn, { resourceAreaColumns: e });
+    return /* @__PURE__ */ a(yn, { resourceAreaColumns: e });
   }
-  renderResourceLabel(e, t) {
-    const n = this.schedulantApi.getResourceAreaColumns();
-    return /* @__PURE__ */ a("thead", { children: /* @__PURE__ */ a("tr", { role: "row", children: n.map((i, r) => /* @__PURE__ */ a(
-      nn,
+  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,
       {
         schedulantApi: this.schedulantApi,
         cellResizerMouseUp: e,
         resourceAreaColumn: i,
-        cellResizerMouseDownFunc: t,
-        isResizable: r != n.length - 1
+        cellResizerMouseDownFunc: n,
+        isResizable: r != s.length - 1
       },
       i.field
     )) }) });
   }
-  renderResourceLane(e, t, n, i, r, o, l) {
-    const c = this.schedulantApi.getResourceAreaColumns(), u = (h) => c.map((d, v) => {
+  renderResourceLane(e, n, s, i, r, o, l) {
+    const c = this.schedulantApi.getResourceAreaColumns(), d = (u) => c.map((h, A) => {
       const p = l ? {
         isDraggable: l.isDraggable,
         activeId: l.dragState.activeId,
@@ -2401,27 +2474,27 @@ class Vn {
         dropPosition: l.dragState.dropPosition
       } : {};
       return /* @__PURE__ */ a(
-        an,
+        pn,
         {
           schedulantApi: this.schedulantApi,
-          resourceApi: h,
+          resourceApi: u,
           collapseIds: i,
-          showPlusSquare: v === 0,
+          showPlusSquare: A === 0,
           showIndentation: !0,
           cellResizerMouseUp: r,
-          resourceAreaColumn: d,
+          resourceAreaColumn: h,
           cellResizerMouseDownFunc: o,
-          isResizable: v != c.length - 1,
+          isResizable: A != c.length - 1,
           ...p
         },
-        d.field
+        h.field
       );
-    }), m = t.length > 0 ? t[0].start : 0, f = t.length > 0 ? n - t[t.length - 1].end : 0;
-    return /* @__PURE__ */ O("tbody", { children: [
+    }), m = n.length > 0 ? n[0].start : 0, f = n.length > 0 ? s - n[n.length - 1].end : 0;
+    return /* @__PURE__ */ I("tbody", { children: [
       m > 0 && /* @__PURE__ */ a("tr", { children: /* @__PURE__ */ a("td", { colSpan: c.length, style: { height: m, padding: 0, border: "none" } }) }),
-      t.map((h) => {
-        const d = e[h.index];
-        return /* @__PURE__ */ a("tr", { role: "row", children: u(d) }, d.getId());
+      n.map((u) => {
+        const h = e[u.index];
+        return /* @__PURE__ */ a("tr", { role: "row", children: d(h) }, h.getId());
       }),
       f > 0 && /* @__PURE__ */ a("tr", { children: /* @__PURE__ */ a("td", { colSpan: c.length, style: { height: f, padding: 0, border: "none" } }) })
     ] });
@@ -2436,122 +2509,122 @@ class Vn {
     return this.schedulantElRef;
   }
 }
-const Fn = (s) => {
-  const { schedulantView: e, cellResizerMouseUp: t, cellResizerMouseDownFunc: n } = s;
-  return /* @__PURE__ */ O("table", { role: "presentation", className: "schedulant-datagrid-head schedulant-scrollgrid-sync-table", children: [
+const Qn = (t) => {
+  const { schedulantView: e, cellResizerMouseUp: n, cellResizerMouseDownFunc: s } = t;
+  return /* @__PURE__ */ I("table", { role: "presentation", className: "schedulant-datagrid-head schedulant-scrollgrid-sync-table", children: [
     e.renderResourceTableColgroup(),
-    e.renderResourceLabel(t, n)
+    e.renderResourceLabel(n, s)
   ] });
-}, Bn = (s) => /* @__PURE__ */ O("table", { "aria-hidden": !0, className: "schedulant-scrollgrid-sync-table", children: [
-  s.schedulantView.renderTimelineTableColgroup(),
-  s.schedulantView.renderTimelineHeaderTableSlots()
+}, Kn = (t) => /* @__PURE__ */ I("table", { "aria-hidden": !0, className: "schedulant-scrollgrid-sync-table", children: [
+  t.schedulantView.renderTimelineTableColgroup(),
+  t.schedulantView.renderTimelineHeaderTableSlots()
 ] });
-function qn(s, e) {
-  const t = s - e.top, n = e.height;
-  return t < n * Bt ? "before" : t > n * qt ? "after" : "child";
+function Zn(t, e) {
+  const n = t - e.top, s = e.height;
+  return n < s * Qt ? "before" : n > s * Kt ? "after" : "child";
 }
-function Un(s, e) {
-  let t = e;
-  for (; t; ) {
-    if (t.getId() === s) return !0;
-    const n = t.getParent();
-    t = n.isDefined() ? n.get() : void 0;
+function Jn(t, e) {
+  let n = e;
+  for (; n; ) {
+    if (n.getId() === t) return !0;
+    const s = n.getParent();
+    n = s.isDefined() ? s.get() : void 0;
   }
   return !1;
 }
-const jn = (s, e) => {
-  const [t, n] = st({
+const es = (t, e) => {
+  const [n, s] = re({
     activeId: null,
     overId: null,
     dropPosition: null
   }), i = k(null), r = k(null), o = k(
-    new Map(s.map((f) => [f.getId(), f]))
+    new Map(t.map((f) => [f.getId(), f]))
   );
-  o.current = new Map(s.map((f) => [f.getId(), f]));
-  const l = T((f) => {
-    i.current = null, r.current = null, n({
+  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({
       activeId: f.active.id,
       overId: null,
       dropPosition: null
     });
-  }, []), c = T((f) => {
-    const { active: h, over: d, activatorEvent: v, delta: p } = f;
-    if (!d || h.id === d.id) {
-      r.current !== null && (r.current = null, i.current = null, n((A) => ({ ...A, overId: null, dropPosition: null })));
+  }, []), c = C((f) => {
+    const { active: u, over: h, activatorEvent: A, delta: p } = f;
+    if (!h || u.id === h.id) {
+      r.current !== null && (r.current = null, i.current = null, s((y) => ({ ...y, overId: null, dropPosition: null })));
       return;
     }
-    const y = o.current.get(String(d.id));
-    if (!y || Un(String(h.id), y)) {
-      r.current !== null && (r.current = null, i.current = null, n((A) => ({ ...A, overId: null, dropPosition: null })));
+    const S = o.current.get(String(h.id));
+    if (!S || Jn(String(u.id), S)) {
+      r.current !== null && (r.current = null, i.current = null, s((y) => ({ ...y, overId: null, dropPosition: null })));
       return;
     }
-    const b = v.clientY + p.y, g = qn(b, {
-      top: d.rect.top,
-      height: d.rect.height
+    const M = A.clientY + p.y, g = Zn(M, {
+      top: h.rect.top,
+      height: h.rect.height
     });
-    (r.current !== d.id || i.current !== g) && (r.current = d.id, i.current = g, n((A) => ({
-      ...A,
-      overId: d.id,
+    (r.current !== h.id || i.current !== g) && (r.current = h.id, i.current = g, s((y) => ({
+      ...y,
+      overId: h.id,
       dropPosition: g
     })));
-  }, []), u = T((f) => {
-    const { active: h, over: d } = f, v = i.current, p = r.current;
-    if (d && h.id !== d.id && v && p) {
-      const y = document.querySelector(
+  }, []), d = C((f) => {
+    const { active: u, over: h } = f, A = i.current, p = r.current;
+    if (h && u.id !== h.id && A && p) {
+      const S = document.querySelector(
         `[data-resource-id="${String(p)}"]`
       );
       e(
-        y || document.body,
-        String(h.id),
+        S || document.body,
+        String(u.id),
         String(p),
-        v
+        A
       );
     }
-    i.current = null, r.current = null, n({ activeId: null, overId: null, dropPosition: null });
-  }, [e]), m = T(() => {
-    i.current = null, r.current = null, n({ activeId: null, overId: null, dropPosition: null });
+    i.current = null, r.current = null, s({ activeId: null, overId: null, dropPosition: null });
+  }, [e]), m = C(() => {
+    i.current = null, r.current = null, s({ activeId: null, overId: null, dropPosition: null });
   }, []);
   return {
-    dragState: t,
+    dragState: n,
     handleDragStart: l,
     handleDragMove: c,
-    handleDragEnd: u,
+    handleDragEnd: d,
     handleDragCancel: m
   };
-}, $n = ({ transform: s, activatorEvent: e }) => e ? {
-  ...s,
-  x: s.x + 20,
-  y: s.y + 20
-} : s, Gn = (s) => {
-  const { schedulantView: e, virtualizer: t, visibleResources: n, collapseIds: i, cellResizerMouseUp: r, cellResizerMouseDownFunc: o } = s, l = e.getScheduleApi(), c = l.getFlatMapResourceApis(), u = T(async (M, C, D, P) => {
-    const I = c.find((H) => H.getId() === C), L = c.find((H) => H.getId() === D);
-    if (I && L) {
-      const H = I.getParent();
+}, ts = ({ 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);
+    if (P && Y) {
+      const z = P.getParent();
       l.resourceLaneMove({
-        el: M,
+        el: b,
         schedulantApi: l,
-        draggedResourceApi: I,
-        targetResourceApi: L,
-        position: P,
-        oldParentResourceApi: H.isDefined() ? H.get() : void 0
+        draggedResourceApi: P,
+        targetResourceApi: Y,
+        position: O,
+        oldParentResourceApi: z.isDefined() ? z.get() : void 0
       });
     }
-  }, [l, c]), { dragState: m, handleDragStart: f, handleDragMove: h, handleDragEnd: d, handleDragCancel: v } = jn(c, u), p = xt(
-    xe(Ot, { activationConstraint: { distance: 5 } }),
-    xe(It)
-  ), y = n.map((M) => M.getId()), b = l.isEditable(), g = t.getVirtualItems(), A = t.getTotalSize(), S = B(() => m.activeId ? c.find((M) => M.getId() === String(m.activeId)) ?? null : null, [m.activeId, c]);
-  return /* @__PURE__ */ O(
-    Pt,
+  }, [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,
     {
       sensors: p,
-      collisionDetection: Nt,
-      modifiers: [Yt],
+      collisionDetection: Vt,
+      modifiers: [Bt],
       onDragStart: f,
-      onDragMove: h,
-      onDragEnd: d,
-      onDragCancel: v,
+      onDragMove: u,
+      onDragEnd: h,
+      onDragCancel: A,
       children: [
-        /* @__PURE__ */ a(Rt, { items: y, strategy: kt, children: /* @__PURE__ */ O(
+        /* @__PURE__ */ a(Nt, { items: S, strategy: Yt, children: /* @__PURE__ */ I(
           "table",
           {
             role: "presentation",
@@ -2559,29 +2632,29 @@ const jn = (s, e) => {
             className: "schedulant-datagrid-body schedulant-scrollgrid-sync-table",
             children: [
               e.renderResourceTableColgroup(),
-              e.renderResourceLane(n, g, A, i, r, o, {
-                isDraggable: b,
+              e.renderResourceLane(s, g, y, i, r, o, {
+                isDraggable: M,
                 dragState: m
               })
             ]
           }
         ) }),
-        /* @__PURE__ */ a(Lt, { dropAnimation: null, modifiers: [$n], children: S ? /* @__PURE__ */ a("div", { className: "schedulant-drag-overlay", children: S.getTitle() }) : null })
+        /* @__PURE__ */ a(Ft, { dropAnimation: null, modifiers: [ts], children: v ? /* @__PURE__ */ a("div", { className: "schedulant-drag-overlay", children: v.getTitle() }) : null })
       ]
     }
   );
-}, Xn = (s) => /* @__PURE__ */ a("div", { id: "schedulant-timeline-slots", className: "schedulant-timeline-slots", children: /* @__PURE__ */ O("table", { "aria-hidden": !0, children: [
-  s.schedulantView.renderTimelineTableColgroup(),
-  s.schedulantView.renderTimelineBodyTableSlots()
-] }) }), Qn = () => {
-  const s = T(() => {
+}, ss = (t) => /* @__PURE__ */ a("div", { id: "schedulant-timeline-slots", className: "schedulant-timeline-slots", children: /* @__PURE__ */ I("table", { "aria-hidden": !0, children: [
+  t.schedulantView.renderTimelineTableColgroup(),
+  t.schedulantView.renderTimelineBodyTableSlots()
+] }) }), is = () => {
+  const t = C(() => {
     const l = document.getElementsByClassName("schedulant-timeline-head").item(0).getElementsByTagName("table").item(0)?.offsetWidth;
     return l || 0;
-  }, []), [e, t] = st(0), { state: n } = be();
-  return At(() => {
+  }, []), [e, n] = re(0), { state: s } = De();
+  return Tt(() => {
     const i = () => {
-      const u = s();
-      t(u);
+      const d = t();
+      n(d);
     };
     i();
     const r = () => i();
@@ -2598,171 +2671,171 @@ const jn = (s, e) => {
     })), () => {
       window.removeEventListener("resize", r), c?.disconnect();
     };
-  }, [s, n.resourceAreaWidth]), e;
-}, Kn = (s) => {
-  const e = Qn(), t = s.virtualizer.getVirtualItems(), n = s.virtualizer.getTotalSize();
+  }, [t, s.resourceAreaWidth]), e;
+}, rs = (t) => {
+  const e = is(), n = t.virtualizer.getVirtualItems(), s = t.virtualizer.getTotalSize();
   return /* @__PURE__ */ a(
     "table",
     {
       "aria-hidden": !0,
       className: "schedulant-timeline-drawing-board schedulant-scrollgrid-sync-table",
       style: { width: w(e) },
-      children: s.schedulantView.renderTimelineDrawingBoardTable(s.visibleResources, t, n, e)
+      children: t.schedulantView.renderTimelineDrawingBoardTable(t.visibleResources, n, s, e)
     }
   );
-}, Zn = (s, e) => {
+}, os = (t, e) => {
   N(() => {
-    const t = s.current, n = e.getScheduleApi();
-    if (t)
-      return n.schedulantDidMount({
-        el: t,
-        schedulantApi: n
+    const n = t.current, s = e.getScheduleApi();
+    if (n)
+      return s.schedulantDidMount({
+        el: n,
+        schedulantApi: s
       }), () => {
-        n.schedulantWillUnmount({
-          el: t,
-          schedulantApi: n
+        s.schedulantWillUnmount({
+          el: n,
+          schedulantApi: s
         });
       };
-  }, [s, e]);
+  }, [t, e]);
 };
-function U(s, e, t) {
-  let n = t.initialDeps ?? [], i, r = !0;
+function $(t, e, n) {
+  let s = n.initialDeps ?? [], i, r = !0;
   function o() {
-    var l, c, u;
+    var l, c, d;
     let m;
-    t.key && ((l = t.debug) != null && l.call(t)) && (m = Date.now());
-    const f = s();
-    if (!(f.length !== n.length || f.some((v, p) => n[p] !== v)))
+    n.key && ((l = n.debug) != null && l.call(n)) && (m = Date.now());
+    const f = t();
+    if (!(f.length !== s.length || f.some((A, p) => s[p] !== A)))
       return i;
-    n = f;
-    let d;
-    if (t.key && ((c = t.debug) != null && c.call(t)) && (d = Date.now()), i = e(...f), t.key && ((u = t.debug) != null && u.call(t))) {
-      const v = Math.round((Date.now() - m) * 100) / 100, p = Math.round((Date.now() - d) * 100) / 100, y = p / 16, b = (g, A) => {
-        for (g = String(g); g.length < A; )
+    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) => {
+        for (g = String(g); g.length < y; )
           g = " " + g;
         return g;
       };
       console.info(
-        `%c⏱ ${b(p, 5)} /${b(v, 5)} ms`,
+        `%c⏱ ${M(p, 5)} /${M(A, 5)} ms`,
         `
             font-size: .6rem;
             font-weight: bold;
             color: hsl(${Math.max(
           0,
-          Math.min(120 - 120 * y, 120)
+          Math.min(120 - 120 * S, 120)
         )}deg 100% 31%);`,
-        t?.key
+        n?.key
       );
     }
-    return t?.onChange && !(r && t.skipInitialOnChange) && t.onChange(i), r = !1, i;
+    return n?.onChange && !(r && n.skipInitialOnChange) && n.onChange(i), r = !1, i;
   }
   return o.updateDeps = (l) => {
-    n = l;
+    s = l;
   }, o;
 }
-function Ze(s, e) {
-  if (s === void 0)
+function ot(t, e) {
+  if (t === void 0)
     throw new Error("Unexpected undefined");
-  return s;
+  return t;
 }
-const Jn = (s, e) => Math.abs(s - e) < 1.01, es = (s, e, t) => {
-  let n;
+const ls = (t, e) => Math.abs(t - e) < 1.01, as = (t, e, n) => {
+  let s;
   return function(...i) {
-    s.clearTimeout(n), n = s.setTimeout(() => e.apply(this, i), t);
+    t.clearTimeout(s), s = t.setTimeout(() => e.apply(this, i), n);
   };
-}, Je = (s) => {
-  const { offsetWidth: e, offsetHeight: t } = s;
-  return { width: e, height: t };
-}, ts = (s) => s, ns = (s) => {
-  const e = Math.max(s.startIndex - s.overscan, 0), t = Math.min(s.endIndex + s.overscan, s.count - 1), n = [];
-  for (let i = e; i <= t; i++)
-    n.push(i);
-  return n;
-}, ss = (s, e) => {
-  const t = s.scrollElement;
-  if (!t)
-    return;
-  const n = s.targetWindow;
+}, lt = (t) => {
+  const { offsetWidth: e, offsetHeight: n } = t;
+  return { width: e, height: n };
+}, cs = (t) => t, ds = (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) => {
+  const n = t.scrollElement;
   if (!n)
     return;
+  const s = t.targetWindow;
+  if (!s)
+    return;
   const i = (o) => {
     const { width: l, height: c } = o;
     e({ width: Math.round(l), height: Math.round(c) });
   };
-  if (i(Je(t)), !n.ResizeObserver)
+  if (i(lt(n)), !s.ResizeObserver)
     return () => {
     };
-  const r = new n.ResizeObserver((o) => {
+  const r = new s.ResizeObserver((o) => {
     const l = () => {
       const c = o[0];
       if (c?.borderBoxSize) {
-        const u = c.borderBoxSize[0];
-        if (u) {
-          i({ width: u.inlineSize, height: u.blockSize });
+        const d = c.borderBoxSize[0];
+        if (d) {
+          i({ width: d.inlineSize, height: d.blockSize });
           return;
         }
       }
-      i(Je(t));
+      i(lt(n));
     };
-    s.options.useAnimationFrameWithResizeObserver ? requestAnimationFrame(l) : l();
+    t.options.useAnimationFrameWithResizeObserver ? requestAnimationFrame(l) : l();
   });
-  return r.observe(t, { box: "border-box" }), () => {
-    r.unobserve(t);
+  return r.observe(n, { box: "border-box" }), () => {
+    r.unobserve(n);
   };
-}, et = {
+}, at = {
   passive: !0
-}, tt = typeof window > "u" ? !0 : "onscrollend" in window, is = (s, e) => {
-  const t = s.scrollElement;
-  if (!t)
-    return;
-  const n = s.targetWindow;
+}, ct = typeof window > "u" ? !0 : "onscrollend" in window, hs = (t, e) => {
+  const n = t.scrollElement;
   if (!n)
     return;
+  const s = t.targetWindow;
+  if (!s)
+    return;
   let i = 0;
-  const r = s.options.useScrollendEvent && tt ? () => {
-  } : es(
-    n,
+  const r = t.options.useScrollendEvent && ct ? () => {
+  } : as(
+    s,
     () => {
       e(i, !1);
     },
-    s.options.isScrollingResetDelay
+    t.options.isScrollingResetDelay
   ), o = (m) => () => {
-    const { horizontal: f, isRtl: h } = s.options;
-    i = f ? t.scrollLeft * (h && -1 || 1) : t.scrollTop, r(), e(i, m);
+    const { horizontal: f, isRtl: u } = t.options;
+    i = f ? n.scrollLeft * (u && -1 || 1) : n.scrollTop, r(), e(i, m);
   }, l = o(!0), c = o(!1);
-  t.addEventListener("scroll", l, et);
-  const u = s.options.useScrollendEvent && tt;
-  return u && t.addEventListener("scrollend", c, et), () => {
-    t.removeEventListener("scroll", l), u && t.removeEventListener("scrollend", c);
+  n.addEventListener("scroll", l, at);
+  const d = t.options.useScrollendEvent && ct;
+  return d && n.addEventListener("scrollend", c, at), () => {
+    n.removeEventListener("scroll", l), d && n.removeEventListener("scrollend", c);
   };
-}, rs = (s, e, t) => {
+}, ms = (t, e, n) => {
   if (e?.borderBoxSize) {
-    const n = e.borderBoxSize[0];
-    if (n)
+    const s = e.borderBoxSize[0];
+    if (s)
       return Math.round(
-        n[t.options.horizontal ? "inlineSize" : "blockSize"]
+        s[n.options.horizontal ? "inlineSize" : "blockSize"]
       );
   }
-  return s[t.options.horizontal ? "offsetWidth" : "offsetHeight"];
-}, os = (s, {
+  return t[n.options.horizontal ? "offsetWidth" : "offsetHeight"];
+}, gs = (t, {
   adjustments: e = 0,
-  behavior: t
-}, n) => {
+  behavior: n
+}, s) => {
   var i, r;
-  const o = s + e;
-  (r = (i = n.scrollElement) == null ? void 0 : i.scrollTo) == null || r.call(i, {
-    [n.options.horizontal ? "left" : "top"]: o,
-    behavior: t
+  const o = t + e;
+  (r = (i = s.scrollElement) == null ? void 0 : i.scrollTo) == null || r.call(i, {
+    [s.options.horizontal ? "left" : "top"]: o,
+    behavior: n
   });
 };
-class ls {
+class fs {
   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 t, n, i;
-      return ((i = (n = (t = this.targetWindow) == null ? void 0 : t.performance) == null ? void 0 : n.now) == null ? void 0 : i.call(n)) ?? Date.now();
+      var n, s, i;
+      return ((i = (s = (n = this.targetWindow) == null ? void 0 : n.performance) == null ? void 0 : s.now) == null ? void 0 : i.call(s)) ?? Date.now();
     }, this.observer = /* @__PURE__ */ (() => {
-      let t = null;
-      const n = () => t || (!this.targetWindow || !this.targetWindow.ResizeObserver ? null : t = new this.targetWindow.ResizeObserver((i) => {
+      let n = null;
+      const s = () => n || (!this.targetWindow || !this.targetWindow.ResizeObserver ? null : n = new this.targetWindow.ResizeObserver((i) => {
         i.forEach((r) => {
           const o = () => {
             this._measureElement(r.target, r);
@@ -2773,20 +2846,20 @@ class ls {
       return {
         disconnect: () => {
           var i;
-          (i = n()) == null || i.disconnect(), t = null;
+          (i = s()) == null || i.disconnect(), n = null;
         },
         observe: (i) => {
           var r;
-          return (r = n()) == null ? void 0 : r.observe(i, { box: "border-box" });
+          return (r = s()) == null ? void 0 : r.observe(i, { box: "border-box" });
         },
         unobserve: (i) => {
           var r;
-          return (r = n()) == null ? void 0 : r.unobserve(i);
+          return (r = s()) == null ? void 0 : r.unobserve(i);
         }
       };
-    })(), this.range = null, this.setOptions = (t) => {
-      Object.entries(t).forEach(([n, i]) => {
-        typeof i > "u" && delete t[n];
+    })(), this.range = null, this.setOptions = (n) => {
+      Object.entries(n).forEach(([s, i]) => {
+        typeof i > "u" && delete n[s];
       }), this.options = {
         debug: !1,
         initialOffset: 0,
@@ -2796,11 +2869,11 @@ class ls {
         scrollPaddingStart: 0,
         scrollPaddingEnd: 0,
         horizontal: !1,
-        getItemKey: ts,
-        rangeExtractor: ns,
+        getItemKey: cs,
+        rangeExtractor: ds,
         onChange: () => {
         },
-        measureElement: rs,
+        measureElement: ms,
         initialRect: { width: 0, height: 0 },
         scrollMargin: 0,
         gap: 0,
@@ -2812,19 +2885,19 @@ class ls {
         isRtl: !1,
         useScrollendEvent: !1,
         useAnimationFrameWithResizeObserver: !1,
-        ...t
+        ...n
       };
-    }, this.notify = (t) => {
-      var n, i;
-      (i = (n = this.options).onChange) == null || i.call(n, this, t);
-    }, this.maybeNotify = U(
+    }, this.notify = (n) => {
+      var s, i;
+      (i = (s = this.options).onChange) == null || i.call(s, this, n);
+    }, this.maybeNotify = $(
       () => (this.calculateRange(), [
         this.isScrolling,
         this.range ? this.range.startIndex : null,
         this.range ? this.range.endIndex : null
       ]),
-      (t) => {
-        this.notify(t);
+      (n) => {
+        this.notify(n);
       },
       {
         key: process.env.NODE_ENV !== "production" && "maybeNotify",
@@ -2836,18 +2909,18 @@ class ls {
         ]
       }
     ), this.cleanup = () => {
-      this.unsubs.filter(Boolean).forEach((t) => t()), this.unsubs = [], this.observer.disconnect(), this.rafId != null && this.targetWindow && (this.targetWindow.cancelAnimationFrame(this.rafId), this.rafId = null), this.scrollState = null, this.scrollElement = null, this.targetWindow = null;
+      this.unsubs.filter(Boolean).forEach((n) => n()), this.unsubs = [], this.observer.disconnect(), this.rafId != null && this.targetWindow && (this.targetWindow.cancelAnimationFrame(this.rafId), this.rafId = null), this.scrollState = null, this.scrollElement = null, this.targetWindow = null;
     }, this._didMount = () => () => {
       this.cleanup();
     }, this._willUpdate = () => {
-      var t;
-      const n = this.options.enabled ? this.options.getScrollElement() : null;
-      if (this.scrollElement !== n) {
-        if (this.cleanup(), !n) {
+      var n;
+      const s = this.options.enabled ? this.options.getScrollElement() : null;
+      if (this.scrollElement !== s) {
+        if (this.cleanup(), !s) {
           this.maybeNotify();
           return;
         }
-        this.scrollElement = n, this.scrollElement && "ownerDocument" in this.scrollElement ? this.targetWindow = this.scrollElement.ownerDocument.defaultView : this.targetWindow = ((t = this.scrollElement) == null ? void 0 : t.window) ?? null, this.elementsCache.forEach((i) => {
+        this.scrollElement = s, this.scrollElement && "ownerDocument" in this.scrollElement ? this.targetWindow = this.scrollElement.ownerDocument.defaultView : this.targetWindow = ((n = this.scrollElement) == null ? void 0 : n.window) ?? null, this.elementsCache.forEach((i) => {
           this.observer.observe(i);
         }), this.unsubs.push(
           this.options.observeElementRect(this, (i) => {
@@ -2862,10 +2935,10 @@ class ls {
           behavior: void 0
         });
       }
-    }, this.rafId = null, this.getSize = () => this.options.enabled ? (this.scrollRect = this.scrollRect ?? this.options.initialRect, this.scrollRect[this.options.horizontal ? "width" : "height"]) : (this.scrollRect = null, 0), this.getScrollOffset = () => this.options.enabled ? (this.scrollOffset = this.scrollOffset ?? (typeof this.options.initialOffset == "function" ? this.options.initialOffset() : this.options.initialOffset), this.scrollOffset) : (this.scrollOffset = null, 0), this.getFurthestMeasurement = (t, n) => {
+    }, this.rafId = null, this.getSize = () => this.options.enabled ? (this.scrollRect = this.scrollRect ?? this.options.initialRect, this.scrollRect[this.options.horizontal ? "width" : "height"]) : (this.scrollRect = null, 0), this.getScrollOffset = () => this.options.enabled ? (this.scrollOffset = this.scrollOffset ?? (typeof this.options.initialOffset == "function" ? this.options.initialOffset() : this.options.initialOffset), this.scrollOffset) : (this.scrollOffset = null, 0), this.getFurthestMeasurement = (n, s) => {
       const i = /* @__PURE__ */ new Map(), r = /* @__PURE__ */ new Map();
-      for (let o = n - 1; o >= 0; o--) {
-        const l = t[o];
+      for (let o = s - 1; o >= 0; o--) {
+        const l = n[o];
         if (i.has(l.lane))
           continue;
         const c = r.get(
@@ -2875,7 +2948,7 @@ class ls {
           break;
       }
       return r.size === this.options.lanes ? Array.from(r.values()).sort((o, l) => o.end === l.end ? o.index - l.index : o.end - l.end)[0] : void 0;
-    }, this.getMeasurementOptions = U(
+    }, this.getMeasurementOptions = $(
       () => [
         this.options.count,
         this.options.paddingStart,
@@ -2884,9 +2957,9 @@ class ls {
         this.options.enabled,
         this.options.lanes
       ],
-      (t, n, i, r, o, l) => (this.prevLanes !== void 0 && this.prevLanes !== l && (this.lanesChangedFlag = !0), this.prevLanes = l, this.pendingMeasuredCacheIndexes = [], {
-        count: t,
-        paddingStart: n,
+      (n, s, i, r, o, l) => (this.prevLanes !== void 0 && this.prevLanes !== l && (this.lanesChangedFlag = !0), this.prevLanes = l, this.pendingMeasuredCacheIndexes = [], {
+        count: n,
+        paddingStart: s,
         scrollMargin: i,
         getItemKey: r,
         enabled: o,
@@ -2895,46 +2968,46 @@ class ls {
       {
         key: !1
       }
-    ), this.getMeasurements = U(
+    ), this.getMeasurements = $(
       () => [this.getMeasurementOptions(), this.itemSizeCache],
-      ({ count: t, paddingStart: n, scrollMargin: i, getItemKey: r, enabled: o, lanes: l }, c) => {
+      ({ count: n, paddingStart: s, scrollMargin: i, getItemKey: r, enabled: o, lanes: l }, c) => {
         if (!o)
           return this.measurementsCache = [], this.itemSizeCache.clear(), this.laneAssignments.clear(), [];
-        if (this.laneAssignments.size > t)
-          for (const h of this.laneAssignments.keys())
-            h >= t && 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);
+        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);
         }));
-        const u = this.lanesSettling ? 0 : this.pendingMeasuredCacheIndexes.length > 0 ? Math.min(...this.pendingMeasuredCacheIndexes) : 0;
-        this.pendingMeasuredCacheIndexes = [], this.lanesSettling && this.measurementsCache.length === t && (this.lanesSettling = !1);
-        const m = this.measurementsCache.slice(0, u), f = new Array(l).fill(
+        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 h = 0; h < u; h++) {
-          const d = m[h];
-          d && (f[d.lane] = h);
+        for (let u = 0; u < d; u++) {
+          const h = m[u];
+          h && (f[h.lane] = u);
         }
-        for (let h = u; h < t; h++) {
-          const d = r(h), v = this.laneAssignments.get(h);
-          let p, y;
-          if (v !== void 0 && this.options.lanes > 1) {
-            p = v;
-            const S = f[p], M = S !== void 0 ? m[S] : void 0;
-            y = M ? M.end + this.options.gap : n + i;
+        for (let u = d; u < n; u++) {
+          const h = r(u), A = this.laneAssignments.get(u);
+          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;
           } else {
-            const S = this.options.lanes === 1 ? m[h - 1] : this.getFurthestMeasurement(m, h);
-            y = S ? S.end + this.options.gap : n + i, p = S ? S.lane : h % this.options.lanes, this.options.lanes > 1 && this.laneAssignments.set(h, p);
+            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 b = c.get(d), g = typeof b == "number" ? b : this.options.estimateSize(h), A = y + g;
-          m[h] = {
-            index: h,
-            start: y,
+          const M = c.get(h), g = typeof M == "number" ? M : this.options.estimateSize(u), y = S + g;
+          m[u] = {
+            index: u,
+            start: S,
             size: g,
-            end: A,
-            key: d,
+            end: y,
+            key: h,
             lane: p
-          }, f[p] = h;
+          }, f[p] = u;
         }
         return this.measurementsCache = m, m;
       },
@@ -2942,16 +3015,16 @@ class ls {
         key: process.env.NODE_ENV !== "production" && "getMeasurements",
         debug: () => this.options.debug
       }
-    ), this.calculateRange = U(
+    ), this.calculateRange = $(
       () => [
         this.getMeasurements(),
         this.getSize(),
         this.getScrollOffset(),
         this.options.lanes
       ],
-      (t, n, i, r) => this.range = t.length > 0 && n > 0 ? as({
-        measurements: t,
-        outerSize: n,
+      (n, s, i, r) => this.range = n.length > 0 && s > 0 ? ps({
+        measurements: n,
+        outerSize: s,
         scrollOffset: i,
         lanes: r
       }) : null,
@@ -2959,38 +3032,38 @@ class ls {
         key: process.env.NODE_ENV !== "production" && "calculateRange",
         debug: () => this.options.debug
       }
-    ), this.getVirtualIndexes = U(
+    ), this.getVirtualIndexes = $(
       () => {
-        let t = null, n = null;
+        let n = null, s = null;
         const i = this.calculateRange();
-        return i && (t = i.startIndex, n = i.endIndex), this.maybeNotify.updateDeps([this.isScrolling, t, n]), [
+        return i && (n = i.startIndex, s = i.endIndex), this.maybeNotify.updateDeps([this.isScrolling, n, s]), [
           this.options.rangeExtractor,
           this.options.overscan,
           this.options.count,
-          t,
-          n
+          n,
+          s
         ];
       },
-      (t, n, i, r, o) => r === null || o === null ? [] : t({
+      (n, s, i, r, o) => r === null || o === null ? [] : n({
         startIndex: r,
         endIndex: o,
-        overscan: n,
+        overscan: s,
         count: i
       }),
       {
         key: process.env.NODE_ENV !== "production" && "getVirtualIndexes",
         debug: () => this.options.debug
       }
-    ), this.indexFromElement = (t) => {
-      const n = this.options.indexAttribute, i = t.getAttribute(n);
+    ), this.indexFromElement = (n) => {
+      const s = this.options.indexAttribute, i = n.getAttribute(s);
       return i ? parseInt(i, 10) : (console.warn(
-        `Missing attribute name '${n}={index}' on measured element.`
+        `Missing attribute name '${s}={index}' on measured element.`
       ), -1);
-    }, this.shouldMeasureDuringScroll = (t) => {
-      var n;
+    }, this.shouldMeasureDuringScroll = (n) => {
+      var s;
       if (!this.scrollState || this.scrollState.behavior !== "smooth")
         return !0;
-      const i = this.scrollState.index ?? ((n = this.getVirtualItemForOffset(this.scrollState.lastTargetOffset)) == null ? void 0 : n.index);
+      const i = this.scrollState.index ?? ((s = this.getVirtualItemForOffset(this.scrollState.lastTargetOffset)) == null ? void 0 : s.index);
       if (i !== void 0 && this.range) {
         const r = Math.max(
           this.options.overscan,
@@ -2999,43 +3072,43 @@ class ls {
           this.options.count - 1,
           i + r
         );
-        return t >= o && t <= l;
+        return n >= o && n <= l;
       }
       return !0;
-    }, this._measureElement = (t, n) => {
-      if (!t.isConnected) {
-        this.observer.unobserve(t);
+    }, this._measureElement = (n, s) => {
+      if (!n.isConnected) {
+        this.observer.unobserve(n);
         return;
       }
-      const i = this.indexFromElement(t), r = this.measurementsCache[i];
+      const i = this.indexFromElement(n), r = this.measurementsCache[i];
       if (!r)
         return;
       const o = r.key, l = this.elementsCache.get(o);
-      l !== t && (l && this.observer.unobserve(l), this.observer.observe(t), this.elementsCache.set(o, t)), this.shouldMeasureDuringScroll(i) && this.resizeItem(i, this.options.measureElement(t, n, this));
-    }, this.resizeItem = (t, n) => {
+      l !== n && (l && this.observer.unobserve(l), this.observer.observe(n), this.elementsCache.set(o, n)), this.shouldMeasureDuringScroll(i) && this.resizeItem(i, this.options.measureElement(n, s, this));
+    }, this.resizeItem = (n, s) => {
       var i;
-      const r = this.measurementsCache[t];
+      const r = this.measurementsCache[n];
       if (!r)
         return;
-      const o = this.itemSizeCache.get(r.key) ?? r.size, l = n - o;
+      const o = this.itemSizeCache.get(r.key) ?? r.size, l = s - o;
       l !== 0 && (((i = this.scrollState) == null ? void 0 : i.behavior) !== "smooth" && (this.shouldAdjustScrollPositionOnItemSizeChange !== void 0 ? this.shouldAdjustScrollPositionOnItemSizeChange(r, l, this) : r.start < this.getScrollOffset() + this.scrollAdjustments) && (process.env.NODE_ENV !== "production" && this.options.debug && console.info("correction", l), this._scrollToOffset(this.getScrollOffset(), {
         adjustments: this.scrollAdjustments += l,
         behavior: void 0
-      })), this.pendingMeasuredCacheIndexes.push(r.index), this.itemSizeCache = new Map(this.itemSizeCache.set(r.key, n)), this.notify(!1));
-    }, this.measureElement = (t) => {
-      if (!t) {
-        this.elementsCache.forEach((n, i) => {
-          n.isConnected || (this.observer.unobserve(n), this.elementsCache.delete(i));
+      })), this.pendingMeasuredCacheIndexes.push(r.index), this.itemSizeCache = new Map(this.itemSizeCache.set(r.key, s)), this.notify(!1));
+    }, this.measureElement = (n) => {
+      if (!n) {
+        this.elementsCache.forEach((s, i) => {
+          s.isConnected || (this.observer.unobserve(s), this.elementsCache.delete(i));
         });
         return;
       }
-      this._measureElement(t, void 0);
-    }, this.getVirtualItems = U(
+      this._measureElement(n, void 0);
+    }, this.getVirtualItems = $(
       () => [this.getVirtualIndexes(), this.getMeasurements()],
-      (t, n) => {
+      (n, s) => {
         const i = [];
-        for (let r = 0, o = t.length; r < o; r++) {
-          const l = t[r], c = n[l];
+        for (let r = 0, o = n.length; r < o; r++) {
+          const l = n[r], c = s[l];
           i.push(c);
         }
         return i;
@@ -3044,15 +3117,15 @@ class ls {
         key: process.env.NODE_ENV !== "production" && "getVirtualItems",
         debug: () => this.options.debug
       }
-    ), this.getVirtualItemForOffset = (t) => {
-      const n = this.getMeasurements();
-      if (n.length !== 0)
-        return Ze(
-          n[mt(
+    ), this.getVirtualItemForOffset = (n) => {
+      const s = this.getMeasurements();
+      if (s.length !== 0)
+        return ot(
+          s[At(
             0,
-            n.length - 1,
-            (i) => Ze(n[i]).start,
-            t
+            s.length - 1,
+            (i) => ot(s[i]).start,
+            n
           )]
         );
     }, this.getMaxScrollOffset = () => {
@@ -3060,83 +3133,83 @@ class ls {
       if ("scrollHeight" in this.scrollElement)
         return this.options.horizontal ? this.scrollElement.scrollWidth - this.scrollElement.clientWidth : this.scrollElement.scrollHeight - this.scrollElement.clientHeight;
       {
-        const t = this.scrollElement.document.documentElement;
-        return this.options.horizontal ? t.scrollWidth - this.scrollElement.innerWidth : t.scrollHeight - this.scrollElement.innerHeight;
+        const n = this.scrollElement.document.documentElement;
+        return this.options.horizontal ? n.scrollWidth - this.scrollElement.innerWidth : n.scrollHeight - this.scrollElement.innerHeight;
       }
-    }, this.getOffsetForAlignment = (t, n, i = 0) => {
+    }, this.getOffsetForAlignment = (n, s, i = 0) => {
       if (!this.scrollElement) return 0;
       const r = this.getSize(), o = this.getScrollOffset();
-      n === "auto" && (n = t >= o + r ? "end" : "start"), n === "center" ? t += (i - r) / 2 : n === "end" && (t -= r);
+      s === "auto" && (s = n >= o + r ? "end" : "start"), s === "center" ? n += (i - r) / 2 : s === "end" && (n -= r);
       const l = this.getMaxScrollOffset();
-      return Math.max(Math.min(l, t), 0);
-    }, this.getOffsetForIndex = (t, n = "auto") => {
-      t = Math.max(0, Math.min(t, this.options.count - 1));
-      const i = this.getSize(), r = this.getScrollOffset(), o = this.measurementsCache[t];
+      return Math.max(Math.min(l, n), 0);
+    }, this.getOffsetForIndex = (n, s = "auto") => {
+      n = Math.max(0, Math.min(n, this.options.count - 1));
+      const i = this.getSize(), r = this.getScrollOffset(), o = this.measurementsCache[n];
       if (!o) return;
-      if (n === "auto")
+      if (s === "auto")
         if (o.end >= r + i - this.options.scrollPaddingEnd)
-          n = "end";
+          s = "end";
         else if (o.start <= r + this.options.scrollPaddingStart)
-          n = "start";
+          s = "start";
         else
-          return [r, n];
-      if (n === "end" && t === this.options.count - 1)
-        return [this.getMaxScrollOffset(), n];
-      const l = n === "end" ? o.end + this.options.scrollPaddingEnd : o.start - this.options.scrollPaddingStart;
+          return [r, s];
+      if (s === "end" && n === this.options.count - 1)
+        return [this.getMaxScrollOffset(), s];
+      const l = s === "end" ? o.end + this.options.scrollPaddingEnd : o.start - this.options.scrollPaddingStart;
       return [
-        this.getOffsetForAlignment(l, n, o.size),
-        n
+        this.getOffsetForAlignment(l, s, o.size),
+        s
       ];
-    }, this.scrollToOffset = (t, { align: n = "start", behavior: i = "auto" } = {}) => {
-      const r = this.getOffsetForAlignment(t, n), o = this.now();
+    }, this.scrollToOffset = (n, { align: s = "start", behavior: i = "auto" } = {}) => {
+      const r = this.getOffsetForAlignment(n, s), o = this.now();
       this.scrollState = {
         index: null,
-        align: n,
+        align: s,
         behavior: i,
         startedAt: o,
         lastTargetOffset: r,
         stableFrames: 0
       }, this._scrollToOffset(r, { adjustments: void 0, behavior: i }), this.scheduleScrollReconcile();
-    }, this.scrollToIndex = (t, {
-      align: n = "auto",
+    }, this.scrollToIndex = (n, {
+      align: s = "auto",
       behavior: i = "auto"
     } = {}) => {
-      t = Math.max(0, Math.min(t, this.options.count - 1));
-      const r = this.getOffsetForIndex(t, n);
+      n = Math.max(0, Math.min(n, this.options.count - 1));
+      const r = this.getOffsetForIndex(n, s);
       if (!r)
         return;
       const [o, l] = r, c = this.now();
       this.scrollState = {
-        index: t,
+        index: n,
         align: l,
         behavior: i,
         startedAt: c,
         lastTargetOffset: o,
         stableFrames: 0
       }, this._scrollToOffset(o, { adjustments: void 0, behavior: i }), this.scheduleScrollReconcile();
-    }, this.scrollBy = (t, { behavior: n = "auto" } = {}) => {
-      const i = this.getScrollOffset() + t, r = this.now();
+    }, this.scrollBy = (n, { behavior: s = "auto" } = {}) => {
+      const i = this.getScrollOffset() + n, r = this.now();
       this.scrollState = {
         index: null,
         align: "start",
-        behavior: n,
+        behavior: s,
         startedAt: r,
         lastTargetOffset: i,
         stableFrames: 0
-      }, this._scrollToOffset(i, { adjustments: void 0, behavior: n }), this.scheduleScrollReconcile();
+      }, this._scrollToOffset(i, { adjustments: void 0, behavior: s }), this.scheduleScrollReconcile();
     }, this.getTotalSize = () => {
-      var t;
-      const n = this.getMeasurements();
+      var n;
+      const s = this.getMeasurements();
       let i;
-      if (n.length === 0)
+      if (s.length === 0)
         i = this.options.paddingStart;
       else if (this.options.lanes === 1)
-        i = ((t = n[n.length - 1]) == null ? void 0 : t.end) ?? 0;
+        i = ((n = s[s.length - 1]) == null ? void 0 : n.end) ?? 0;
       else {
         const r = Array(this.options.lanes).fill(null);
-        let o = n.length - 1;
+        let o = s.length - 1;
         for (; o >= 0 && r.some((l) => l === null); ) {
-          const l = n[o];
+          const l = s[o];
           r[l.lane] === null && (r[l.lane] = l.end), o--;
         }
         i = Math.max(...r.filter((l) => l !== null));
@@ -3145,11 +3218,11 @@ class ls {
         i - this.options.scrollMargin + this.options.paddingEnd,
         0
       );
-    }, this._scrollToOffset = (t, {
-      adjustments: n,
+    }, this._scrollToOffset = (n, {
+      adjustments: s,
       behavior: i
     }) => {
-      this.options.scrollToFn(t, { behavior: i, adjustments: n }, this);
+      this.options.scrollToFn(n, { behavior: i, adjustments: s }, this);
     }, this.measure = () => {
       this.itemSizeCache = /* @__PURE__ */ new Map(), this.laneAssignments = /* @__PURE__ */ new Map(), this.notify(!1);
     }, this.setOptions(e);
@@ -3169,8 +3242,8 @@ class ls {
       this.scrollState = null;
       return;
     }
-    const n = this.scrollState.index != null ? this.getOffsetForIndex(this.scrollState.index, this.scrollState.align) : void 0, i = n ? n[0] : this.scrollState.lastTargetOffset, r = 1, o = i !== this.scrollState.lastTargetOffset;
-    if (!o && Jn(i, this.getScrollOffset())) {
+    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 (this.scrollState.stableFrames++, this.scrollState.stableFrames >= r) {
         this.scrollState = null;
         return;
@@ -3183,190 +3256,197 @@ class ls {
     this.scheduleScrollReconcile();
   }
 }
-const mt = (s, e, t, n) => {
-  for (; s <= e; ) {
-    const i = (s + e) / 2 | 0, r = t(i);
-    if (r < n)
-      s = i + 1;
-    else if (r > n)
+const At = (t, e, n, s) => {
+  for (; t <= e; ) {
+    const i = (t + e) / 2 | 0, r = n(i);
+    if (r < s)
+      t = i + 1;
+    else if (r > s)
       e = i - 1;
     else
       return i;
   }
-  return s > 0 ? s - 1 : 0;
+  return t > 0 ? t - 1 : 0;
 };
-function as({
-  measurements: s,
+function ps({
+  measurements: t,
   outerSize: e,
-  scrollOffset: t,
-  lanes: n
+  scrollOffset: n,
+  lanes: s
 }) {
-  const i = s.length - 1, r = (c) => s[c].start;
-  if (s.length <= n)
+  const i = t.length - 1, r = (c) => t[c].start;
+  if (t.length <= s)
     return {
       startIndex: 0,
       endIndex: i
     };
-  let o = mt(
+  let o = At(
     0,
     i,
     r,
-    t
+    n
   ), l = o;
-  if (n === 1)
-    for (; l < i && s[l].end < t + e; )
+  if (s === 1)
+    for (; l < i && t[l].end < n + e; )
       l++;
-  else if (n > 1) {
-    const c = Array(n).fill(0);
-    for (; l < i && c.some((m) => m < t + e); ) {
-      const m = s[l];
+  else if (s > 1) {
+    const c = Array(s).fill(0);
+    for (; l < i && c.some((m) => m < n + e); ) {
+      const m = t[l];
       c[m.lane] = m.end, l++;
     }
-    const u = Array(n).fill(t + e);
-    for (; o >= 0 && u.some((m) => m >= t); ) {
-      const m = s[o];
-      u[m.lane] = m.start, o--;
+    const d = Array(s).fill(n + e);
+    for (; o >= 0 && d.some((m) => m >= n); ) {
+      const m = t[o];
+      d[m.lane] = m.start, o--;
     }
-    o = Math.max(0, o - o % n), l = Math.min(i, l + (n - 1 - l % n));
+    o = Math.max(0, o - o % s), l = Math.min(i, l + (s - 1 - l % s));
   }
   return { startIndex: o, endIndex: l };
 }
-const nt = typeof document < "u" ? te.useLayoutEffect : te.useEffect;
-function cs({
-  useFlushSync: s = !0,
+const dt = typeof document < "u" ? ie.useLayoutEffect : ie.useEffect;
+function ys({
+  useFlushSync: t = !0,
   ...e
 }) {
-  const t = te.useReducer(() => ({}), {})[1], n = {
+  const n = ie.useReducer(() => ({}), {})[1], s = {
     ...e,
     onChange: (r, o) => {
       var l;
-      s && o ? _t(t) : t(), (l = e.onChange) == null || l.call(e, r, o);
+      t && o ? qt(n) : n(), (l = e.onChange) == null || l.call(e, r, o);
     }
-  }, [i] = te.useState(
-    () => new ls(n)
+  }, [i] = ie.useState(
+    () => new fs(s)
   );
-  return i.setOptions(n), nt(() => i._didMount(), []), nt(() => i._willUpdate()), i;
+  return i.setOptions(s), dt(() => i._didMount(), []), dt(() => i._willUpdate()), i;
 }
-function ds(s) {
-  return cs({
-    observeElementRect: ss,
-    observeElementOffset: is,
-    scrollToFn: os,
-    ...s
+function vs(t) {
+  return ys({
+    observeElementRect: us,
+    observeElementOffset: hs,
+    scrollToFn: gs,
+    ...t
   });
 }
-function us(s, e) {
-  const t = [], n = (i) => {
-    t.push(i), !e.some((o) => o === i.getId()) && i.getChildren().length > 0 && i.getChildren().forEach((o) => n(o));
+function Ss(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 s.forEach((i) => n(i)), t;
+  return t.forEach((i) => s(i)), n;
 }
-const hs = (s, e, t, n, i, r) => {
-  const o = B(
-    () => us(e, t),
-    [e, t]
-  ), l = T((u) => {
-    const m = o[u];
+const As = (t, e, n, s, i, r) => {
+  const o = F(
+    () => Ss(e, n),
+    [e, n]
+  ), l = C((d) => {
+    const m = o[d];
     return m && m.getMilestoneApis().some(
-      (h) => !h.getTime().isBefore(i) && !h.getTime().isAfter(r)
-    ) ? n * ot : n;
-  }, [o, n, i, r]);
-  return { virtualizer: ds({
+      (u) => !u.getTime().isBefore(i) && !u.getTime().isAfter(r)
+    ) ? s * mt : s;
+  }, [o, s, i, r]);
+  return { virtualizer: vs({
     count: o.length,
-    getScrollElement: () => s.current,
+    getScrollElement: () => t.current,
     estimateSize: l,
     overscan: 5
   }), visibleResources: o };
-}, Rs = (s) => /* @__PURE__ */ a(zt, { children: /* @__PURE__ */ a(ms, { ...s }) }), ms = (s) => {
-  const { state: e, dispatch: t } = be(), n = k(null), i = k(null), r = k(null), o = k(null), l = k(null), c = k(null), {
-    start: u,
+}, 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), {
+    start: d,
     end: m,
     editable: f,
-    selectable: h,
-    lineHeight: d,
-    slotMinWidth: v,
+    selectable: u,
+    lineHeight: h,
+    slotMinWidth: A,
     schedulantMaxHeight: p,
-    schedulantViewType: y,
-    events: b,
+    schedulantViewType: S,
+    events: M,
     resources: g,
-    milestones: A,
-    checkpoints: S,
-    resourceAreaColumns: M,
-    resourceAreaWidth: C,
+    milestones: y,
+    checkpoints: v,
+    resourceAreaColumns: b,
+    resourceAreaWidth: T,
     companyHolidays: D,
-    specialWorkdays: P,
-    nationalHolidays: I,
-    dragHintColor: L,
-    selectionColor: H
-  } = s, Y = B(
-    () => new Vn(s, n),
+    specialWorkdays: O,
+    nationalHolidays: P,
+    dragHintColor: Y,
+    selectionColor: z
+  } = t, _ = F(
+    () => new Xn(t, s),
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [
-      u,
+      d,
       m,
       f,
+      u,
       h,
-      d,
-      v,
-      p,
-      y,
-      b,
-      g,
       A,
+      p,
       S,
       M,
-      C,
+      g,
+      y,
+      v,
+      b,
+      T,
       D,
+      O,
       P,
-      I,
-      L,
-      H
+      Y,
+      z
     ]
-  ), R = B(() => Y.getScheduleApi(), [Y]);
-  R.updateProps(s);
-  const z = B(() => ({
+  ), R = F(() => _.getScheduleApi(), [_]);
+  R.updateProps(t);
+  const V = F(() => ({
     "--schedulant-drag-hint-color": R.getDragHintColor(),
     "--schedulant-selection-color": R.getSelectionColor()
   }), [R]), {
-    datagridResizerMouseUp: F,
-    datagridResizerMouseDown: j,
-    datagridCellResizerMouseUp: Ee,
-    datagridCellResizerMouseDownFunc: Ce
-  } = tn(t, n, c), Te = R.getTimelineApi(), { virtualizer: De, visibleResources: Re } = hs(
+    datagridResizerMouseUp: q,
+    datagridResizerMouseDown: Q,
+    datagridCellResizerMouseUp: Ie,
+    datagridCellResizerMouseDownFunc: Oe
+  } = cn(n, s, c), Pe = R.getTimelineApi(), { virtualizer: Le, visibleResources: ne } = As(
     o,
     R.getResourceApis(),
     e.collapseIds,
     R.getLineHeight(),
-    Te.getStart(),
-    Te.getEnd()
+    Pe.getStart(),
+    Pe.getEnd()
   );
-  jt(s.schedulantMaxHeight), Zn(n, Y), Gt(c, s.resourceAreaWidth), $t(l, o, i, r);
-  const ke = T((J) => {
-    R.isSelectable() && ln(J.nativeEvent);
-  }, [R]);
+  Jt(t.schedulantMaxHeight), os(s, _), tn(c, t.resourceAreaWidth), en(l, o, i, r);
+  const ce = k(R.onResourceSelect());
+  ce.current = R.onResourceSelect();
+  const Ne = C((U) => {
+    ce.current?.(U);
+  }, []), Ye = F(
+    () => ne.map((U) => U.getId()),
+    [ne]
+  ), _e = C((U) => {
+    R.isSelectable() && gn(U.nativeEvent, Ye, Ne);
+  }, [R, Ye, Ne]);
   return N(() => {
-    const J = (gt) => {
-      n.current && !n.current.contains(gt.target) && at();
+    const U = (Mt) => {
+      s.current && !s.current.contains(Mt.target) && Te(ce.current);
     };
-    return document.addEventListener("click", J), () => document.removeEventListener("click", J);
-  }, []), /* @__PURE__ */ a("div", { className: "schedulant", ref: n, onMouseUp: F, onClick: ke, onContextMenu: ke, style: z, 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: [
+    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("col", { style: { width: e.resourceAreaWidth }, ref: c }),
       /* @__PURE__ */ a("col", {}),
       /* @__PURE__ */ a("col", {})
     ] }),
-    /* @__PURE__ */ a("thead", { children: /* @__PURE__ */ O(
+    /* @__PURE__ */ a("thead", { children: /* @__PURE__ */ I(
       "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(
-            Fn,
+            Qn,
             {
-              schedulantView: Y,
-              cellResizerMouseUp: Ee,
-              cellResizerMouseDownFunc: Ce
+              schedulantView: _,
+              cellResizerMouseUp: Ie,
+              cellResizerMouseDownFunc: Oe
             }
           ) }) }) }),
           /* @__PURE__ */ a(
@@ -3374,8 +3454,8 @@ const hs = (s, e, t, n, i, r) => {
             {
               role: "presentation",
               className: "schedulant-resource-timeline-divider",
-              onMouseUp: F,
-              onMouseDown: j
+              onMouseUp: q,
+              onMouseDown: Q
             }
           ),
           /* @__PURE__ */ a("th", { role: "presentation", children: /* @__PURE__ */ a("div", { className: "schedulant-scroller-harness", children: /* @__PURE__ */ a("div", { className: "schedulant-scroller-head-right", ref: r, children: /* @__PURE__ */ a(
@@ -3383,27 +3463,27 @@ const hs = (s, e, t, n, i, r) => {
             {
               id: "schedulant-timeline-head",
               className: "schedulant-timeline-head",
-              children: /* @__PURE__ */ a(Bn, { schedulantView: Y })
+              children: /* @__PURE__ */ a(Kn, { schedulantView: _ })
             }
           ) }) }) })
         ]
       }
     ) }),
-    /* @__PURE__ */ a("tbody", { children: /* @__PURE__ */ O(
+    /* @__PURE__ */ a("tbody", { children: /* @__PURE__ */ I(
       "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(
-            Gn,
+            ns,
             {
-              schedulantView: Y,
-              virtualizer: De,
-              visibleResources: Re,
+              schedulantView: _,
+              virtualizer: Le,
+              visibleResources: ne,
               collapseIds: e.collapseIds,
-              cellResizerMouseUp: Ee,
-              cellResizerMouseDownFunc: Ce
+              cellResizerMouseUp: Ie,
+              cellResizerMouseDownFunc: Oe
             }
           ) }) }) }),
           /* @__PURE__ */ a(
@@ -3411,18 +3491,18 @@ const hs = (s, e, t, n, i, r) => {
             {
               role: "presentation",
               className: "schedulant-resource-timeline-divider",
-              onMouseUp: F,
-              onMouseDown: j
+              onMouseUp: q,
+              onMouseDown: Q
             }
           ),
-          /* @__PURE__ */ a("td", { role: "presentation", children: /* @__PURE__ */ a("div", { className: "schedulant-scroller-harness", children: /* @__PURE__ */ a("div", { className: "schedulant-scroller-body-right", ref: o, children: /* @__PURE__ */ O("div", { className: "schedulant-timeline-body", children: [
-            /* @__PURE__ */ a(Xn, { schedulantView: Y }),
+          /* @__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(
-              Kn,
+              rs,
               {
-                schedulantView: Y,
-                virtualizer: De,
-                visibleResources: Re
+                schedulantView: _,
+                virtualizer: Le,
+                visibleResources: ne
               }
             )
           ] }) }) }) })
@@ -3432,5 +3512,5 @@ const hs = (s, e, t, n, i, r) => {
   ] }) }) }) });
 };
 export {
-  Rs as Schedulant
+  Ys as Schedulant
 };