@taskctrl/canvas-timeline 0.1.2 → 0.3.0

package/dist/canvas-timeline.es.js

@@ -1,8 +1,8 @@
-import { jsx as Z, jsxs as je, Fragment as Ft } from "react/jsx-runtime";
-import ie, { useRef as L, useCallback as $, useEffect as re, forwardRef as tr, useMemo as Q, useState as Ye, useImperativeHandle as rr } from "react";
-import { flushSync as ir } from "react-dom";
-import ne from "dayjs";
-const be = {
+import { jsx as se, jsxs as Ze, Fragment as At } from "react/jsx-runtime";
+import ge, { useRef as z, useCallback as ie, useEffect as he, forwardRef as ci, useMemo as oe, useState as xe, useImperativeHandle as ui } from "react";
+import { flushSync as di } from "react-dom";
+import pe from "dayjs";
+const we = {
   primary: "#269bf7",
   trainColors: {},
   status: { red: "#EF5350", yellow: "#FBBF24", green: "#31c48d" },
@@ -12,7 +12,7 @@ const be = {
   sidebar: { bg: "#F9FAFB", border: "#E5E7EB", text: "#6c737f" },
   header: { bg: "#F9FAFB", border: "#E5E7EB", text: "#6c737f" }
 };
-class rt {
+class lt {
   constructor(e) {
     Object.defineProperty(this, "visibleTimeStart", {
       enumerable: !0,
@@ -81,8 +81,8 @@ class rt {
     return this.visibleTimeStart + e / this.pixelsPerMs;
   }
   yToGroupIndex(e) {
-    const r = Math.floor((e + this.scrollTop) / this.lineHeight);
-    return Math.max(0, Math.min(r, this.groupCount - 1));
+    const t = Math.floor((e + this.scrollTop) / this.lineHeight);
+    return Math.max(0, Math.min(t, this.groupCount - 1));
   }
   groupIndexToY(e) {
     return e * this.lineHeight - this.scrollTop;
@@ -95,18 +95,18 @@ class rt {
     };
   }
   getVisibleGroupRange() {
-    const e = Math.max(0, Math.floor(this.scrollTop / this.lineHeight)), r = Math.ceil(this.canvasHeight / this.lineHeight), s = Math.min(this.groupCount - 1, e + r);
-    return { firstVisible: e, lastVisible: s };
+    const e = Math.max(0, Math.floor(this.scrollTop / this.lineHeight)), t = Math.ceil(this.canvasHeight / this.lineHeight), n = Math.min(this.groupCount - 1, e + t);
+    return { firstVisible: e, lastVisible: n };
   }
   isScrollInBuffer(e) {
-    const r = this.visibleDuration * 1.5 * this.pixelsPerMs;
-    return Math.abs(e) < r;
+    const t = this.visibleDuration * 1.5 * this.pixelsPerMs;
+    return Math.abs(e) < t;
   }
   getTotalHeight() {
     return this.groupCount * this.lineHeight;
   }
 }
-class nr {
+class hi {
   constructor() {
     Object.defineProperty(this, "root", {
       enumerable: !0,
@@ -115,44 +115,44 @@ class nr {
       value: null
     });
   }
-  buildFromItems(e, r, s) {
-    const l = e.map((u) => ({
-      item: u,
-      start: r(u),
-      end: s(u)
+  buildFromItems(e, t, n) {
+    const r = e.map((d) => ({
+      item: d,
+      start: t(d),
+      end: n(d)
     }));
-    this.root = this.buildNode(l);
+    this.root = this.buildNode(r);
   }
   buildNode(e) {
     if (e.length === 0)
       return null;
-    let r = 1 / 0, s = -1 / 0;
-    for (const d of e)
-      d.start < r && (r = d.start), d.end > s && (s = d.end);
-    const l = (r + s) / 2, u = [], a = [], v = [];
-    for (const d of e)
-      d.end < l ? u.push(d) : d.start > l ? a.push(d) : v.push(d);
+    let t = 1 / 0, n = -1 / 0;
+    for (const c of e)
+      c.start < t && (t = c.start), c.end > n && (n = c.end);
+    const r = (t + n) / 2, d = [], l = [], u = [];
+    for (const c of e)
+      c.end < r ? d.push(c) : c.start > r ? l.push(c) : u.push(c);
     return {
-      center: l,
-      left: this.buildNode(u),
-      right: this.buildNode(a),
-      overlapping: v
+      center: r,
+      left: this.buildNode(d),
+      right: this.buildNode(l),
+      overlapping: u
     };
   }
-  query(e, r) {
-    const s = [];
-    return this.queryNode(this.root, e, r, s), s;
+  query(e, t) {
+    const n = [];
+    return this.queryNode(this.root, e, t, n), n;
   }
-  queryNode(e, r, s, l) {
+  queryNode(e, t, n, r) {
     if (e !== null) {
-      for (const u of e.overlapping)
-        u.start <= s && u.end >= r && l.push(u.item);
-      r <= e.center && e.left !== null && this.queryNode(e.left, r, s, l), s >= e.center && e.right !== null && this.queryNode(e.right, r, s, l);
+      for (const d of e.overlapping)
+        d.start <= n && d.end >= t && r.push(d.item);
+      t <= e.center && e.left !== null && this.queryNode(e.left, t, n, r), n >= e.center && e.right !== null && this.queryNode(e.right, t, n, r);
     }
   }
 }
-class or {
-  constructor(e, r) {
+class fi {
+  constructor(e, t) {
     Object.defineProperty(this, "lineHeight", {
       enumerable: !0,
       configurable: !0,
@@ -173,41 +173,70 @@ class or {
       configurable: !0,
       writable: !0,
       value: /* @__PURE__ */ new Map()
-    }), this.lineHeight = e, this.itemHeightRatio = r;
+    }), this.lineHeight = e, this.itemHeightRatio = t;
   }
-  computeLayout(e, r) {
-    if (this.layoutCache = /* @__PURE__ */ new Map(), this.groupMaxStack = /* @__PURE__ */ new Map(), !r) {
-      const u = this.lineHeight * this.itemHeightRatio;
-      for (const a of e)
-        this.layoutCache.set(a.id, { stackLevel: 0, itemHeight: u }), this.groupMaxStack.set(a.group, 0);
+  computeLayout(e, t, n) {
+    this.layoutCache = /* @__PURE__ */ new Map(), this.groupMaxStack = /* @__PURE__ */ new Map();
+    const r = this.lineHeight * this.itemHeightRatio, d = r * 0.6;
+    if (!t) {
+      for (const u of e) {
+        const c = (n == null ? void 0 : n.isParent(u.id)) ?? !1;
+        this.layoutCache.set(u.id, { stackLevel: 0, itemHeight: c ? d : r }), this.groupMaxStack.set(u.group, 0);
+      }
       return this.layoutCache;
     }
-    const s = /* @__PURE__ */ new Map();
+    const l = /* @__PURE__ */ new Map();
     for (const u of e) {
-      let a = s.get(u.group);
-      a || (a = [], s.set(u.group, a)), a.push(u);
-    }
-    const l = this.lineHeight * this.itemHeightRatio;
-    for (const [u, a] of s) {
-      a.sort((g, y) => {
-        const p = g.start_time - y.start_time;
-        return p !== 0 ? p : y.end_time - y.start_time - (g.end_time - g.start_time);
-      });
-      const v = [];
-      let d = 0;
-      for (const g of a) {
-        let y = -1;
-        for (let p = 0; p < v.length; p++)
-          if (v[p] <= g.start_time) {
-            y = p;
-            break;
-          }
-        y === -1 ? (y = v.length, v.push(g.end_time)) : v[y] = g.end_time, y > d && (d = y), this.layoutCache.set(g.id, { stackLevel: y, itemHeight: l });
-      }
-      this.groupMaxStack.set(u, d);
+      let c = l.get(u.group);
+      c || (c = [], l.set(u.group, c)), c.push(u);
     }
+    for (const [u, c] of l)
+      n ? this.computeHierarchyLayout(c, n, r, d, u) : this.computeFlatLayout(c, r, u);
     return this.layoutCache;
   }
+  computeFlatLayout(e, t, n) {
+    e.sort((l, u) => {
+      const c = l.start_time - u.start_time;
+      return c !== 0 ? c : u.end_time - u.start_time - (l.end_time - l.start_time);
+    });
+    const r = [];
+    let d = 0;
+    for (const l of e) {
+      let u = -1;
+      for (let c = 0; c < r.length; c++)
+        if (r[c] <= l.start_time) {
+          u = c;
+          break;
+        }
+      u === -1 ? (u = r.length, r.push(l.end_time)) : r[u] = l.end_time, u > d && (d = u), this.layoutCache.set(l.id, { stackLevel: u, itemHeight: t });
+    }
+    this.groupMaxStack.set(n, d);
+  }
+  computeHierarchyLayout(e, t, n, r, d) {
+    const l = [], u = [];
+    for (const g of e)
+      t.isParent(g.id) ? u.push(g) : l.push(g);
+    l.sort((g, b) => {
+      const T = g.start_time - b.start_time;
+      return T !== 0 ? T : b.end_time - b.start_time - (g.end_time - g.start_time);
+    });
+    const c = [];
+    let v = 0;
+    for (const g of l) {
+      let b = -1;
+      for (let T = 0; T < c.length; T++)
+        if (c[T] <= g.start_time) {
+          b = T;
+          break;
+        }
+      b === -1 ? (b = c.length, c.push(g.end_time)) : c[b] = g.end_time, b > v && (v = b), this.layoutCache.set(g.id, { stackLevel: b, itemHeight: n });
+    }
+    u.sort((g, b) => t.getNestingDepth(b.id) - t.getNestingDepth(g.id));
+    let M = l.length > 0 ? v + 1 : 0;
+    for (const g of u)
+      this.layoutCache.set(g.id, { stackLevel: M, itemHeight: r }), M > v && (v = M), M++;
+    this.groupMaxStack.set(d, v);
+  }
   getLayout(e) {
     return this.layoutCache.get(e);
   }
@@ -215,46 +244,186 @@ class or {
     return ((this.groupMaxStack.get(e) ?? 0) + 1) * this.lineHeight;
   }
 }
-function Fe(t, e, r, s, l, u) {
-  const a = r.xToTime(t), v = /* @__PURE__ */ new Map();
-  for (let p = 0; p < u.length; p++)
-    v.set(u[p].id, p);
-  const d = s.query(a, a);
-  let g = null, y = -1 / 0;
-  for (const p of d) {
-    const M = v.get(p.group);
-    if (M === void 0)
+class mi {
+  constructor() {
+    Object.defineProperty(this, "parentToChildren", {
+      enumerable: !0,
+      configurable: !0,
+      writable: !0,
+      value: /* @__PURE__ */ new Map()
+    }), Object.defineProperty(this, "childToParent", {
+      enumerable: !0,
+      configurable: !0,
+      writable: !0,
+      value: /* @__PURE__ */ new Map()
+    }), Object.defineProperty(this, "itemMap", {
+      enumerable: !0,
+      configurable: !0,
+      writable: !0,
+      value: /* @__PURE__ */ new Map()
+    }), Object.defineProperty(this, "depthCache", {
+      enumerable: !0,
+      configurable: !0,
+      writable: !0,
+      value: /* @__PURE__ */ new Map()
+    });
+  }
+  rebuild(e) {
+    this.parentToChildren = /* @__PURE__ */ new Map(), this.childToParent = /* @__PURE__ */ new Map(), this.itemMap = /* @__PURE__ */ new Map(), this.depthCache = /* @__PURE__ */ new Map();
+    for (const t of e)
+      this.itemMap.set(t.id, t);
+    for (const t of e)
+      if (t.parentId !== void 0 && this.itemMap.has(t.parentId)) {
+        this.childToParent.set(t.id, t.parentId);
+        let n = this.parentToChildren.get(t.parentId);
+        n || (n = [], this.parentToChildren.set(t.parentId, n)), n.push(t.id);
+      }
+    for (const t of this.childToParent.keys()) {
+      const n = /* @__PURE__ */ new Set();
+      let r = t;
+      for (; r !== void 0; ) {
+        if (n.has(r)) {
+          const d = this.childToParent.get(t);
+          this.childToParent.delete(t);
+          const l = this.parentToChildren.get(d);
+          if (l) {
+            const u = l.indexOf(t);
+            u !== -1 && l.splice(u, 1), l.length === 0 && this.parentToChildren.delete(d);
+          }
+          break;
+        }
+        n.add(r), r = this.childToParent.get(r);
+      }
+    }
+  }
+  isParent(e) {
+    const t = this.parentToChildren.get(e);
+    return t !== void 0 && t.length > 0;
+  }
+  getParent(e) {
+    return this.childToParent.get(e);
+  }
+  getChildren(e) {
+    return this.parentToChildren.get(e) ?? [];
+  }
+  getDescendants(e) {
+    const t = [], n = [...this.getChildren(e)];
+    for (; n.length > 0; ) {
+      const r = n.pop();
+      t.push(r);
+      const d = this.parentToChildren.get(r);
+      d && n.push(...d);
+    }
+    return t;
+  }
+  getEffectiveSpan(e) {
+    const t = this.itemMap.get(e);
+    if (!t)
+      return { start: 0, end: 0 };
+    let n = t.start_time, r = t.end_time;
+    const d = this.getDescendants(e);
+    for (const l of d) {
+      const u = this.itemMap.get(l);
+      u && (u.start_time < n && (n = u.start_time), u.end_time > r && (r = u.end_time));
+    }
+    return { start: n, end: r };
+  }
+  getNestingDepth(e) {
+    const t = this.depthCache.get(e);
+    if (t !== void 0)
+      return t;
+    let n = 0, r = this.childToParent.get(e);
+    for (; r !== void 0; )
+      n++, r = this.childToParent.get(r);
+    return this.depthCache.set(e, n), n;
+  }
+  getMoveDelta(e, t) {
+    const n = this.itemMap.get(e);
+    if (!n)
+      return [];
+    const r = t - n.start_time;
+    return this.getDescendants(e).map((l) => {
+      const u = this.itemMap.get(l);
+      return { itemId: l, newStart: u.start_time + r };
+    });
+  }
+  getResizeConstraint(e, t) {
+    const n = this.getDescendants(e);
+    if (n.length === 0)
+      return t === "left" ? { min: -1 / 0, max: 1 / 0 } : { min: -1 / 0, max: 1 / 0 };
+    if (t === "left") {
+      let r = 1 / 0;
+      for (const d of n) {
+        const l = this.itemMap.get(d);
+        l && l.start_time < r && (r = l.start_time);
+      }
+      return { min: -1 / 0, max: r };
+    } else {
+      let r = -1 / 0;
+      for (const d of n) {
+        const l = this.itemMap.get(d);
+        l && l.end_time > r && (r = l.end_time);
+      }
+      return { min: r, max: 1 / 0 };
+    }
+  }
+}
+function gi(i, e, t, n, r, d) {
+  const { x: l, y: u, width: c, height: v } = t, M = d.primary;
+  i.globalAlpha = 0.15, i.fillStyle = M, i.fillRect(l, u, c, v), i.globalAlpha = 1, i.strokeStyle = M, i.lineWidth = 1.5, i.strokeRect(l, u, c, v);
+  const g = Math.min(v * 0.5, 6), b = u + v / 2;
+  i.fillStyle = M, i.beginPath(), i.moveTo(l, b), i.lineTo(l + g, b - g), i.lineTo(l + g * 2, b), i.lineTo(l + g, b + g), i.closePath(), i.fill(), i.beginPath(), i.moveTo(l + c, b), i.lineTo(l + c - g, b - g), i.lineTo(l + c - g * 2, b), i.lineTo(l + c - g, b + g), i.closePath(), i.fill();
+  const T = e.title;
+  if (T && c > 30) {
+    i.fillStyle = d.item.text, i.font = '500 11px -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif', i.textBaseline = "middle";
+    const C = i.measureText(T).width, I = c - g * 4 - 4;
+    if (I > 20) {
+      const W = C > I ? T.slice(0, Math.floor(T.length * I / C)) + "..." : T;
+      i.fillText(W, l + c / 2 - Math.min(C, I) / 2, b);
+    }
+  }
+  n.selected && (i.strokeStyle = d.item.selectedRing, i.lineWidth = 2, i.strokeRect(l - 1, u - 1, c + 2, v + 2));
+}
+function Le(i, e, t, n, r, d) {
+  const l = t.xToTime(i), u = /* @__PURE__ */ new Map();
+  for (let g = 0; g < d.length; g++)
+    u.set(d[g].id, g);
+  const c = n.query(l, l);
+  let v = null, M = -1 / 0;
+  for (const g of c) {
+    const b = u.get(g.group);
+    if (b === void 0)
       continue;
-    const T = l.getLayout(p.id);
+    const T = r.getLayout(g.id);
     if (!T)
       continue;
-    const C = r.timeToX(p.start_time), I = r.timeToX(p.end_time) - C;
-    if (t < C || t > C + I)
+    const C = t.timeToX(g.start_time), I = t.timeToX(g.end_time) - C;
+    if (i < C || i > C + I)
       continue;
-    const E = r.groupIndexToY(M) + T.stackLevel * r.lineHeight + (r.lineHeight - T.itemHeight) / 2, P = T.itemHeight;
-    e < E || e > E + P || E > y && (y = E, g = p);
+    const $ = t.groupIndexToY(b) + T.stackLevel * t.lineHeight + (t.lineHeight - T.itemHeight) / 2, S = T.itemHeight;
+    e < $ || e > $ + S || $ > M && (M = $, v = g);
   }
-  return g;
+  return v;
 }
-function it(t, e, r) {
-  const s = e.yToGroupIndex(t);
-  return r[s] ?? null;
+function at(i, e, t) {
+  const n = e.yToGroupIndex(i);
+  return t[n] ?? null;
 }
-function Ct(t, e, r, s = 6) {
-  const l = r.timeToX(e.start_time), u = r.timeToX(e.end_time);
-  return t - l <= s ? "left" : u - t <= s ? "right" : "body";
+function Dt(i, e, t, n = 6) {
+  const r = t.timeToX(e.start_time), d = t.timeToX(e.end_time);
+  return i - r <= n ? "left" : d - i <= n ? "right" : "body";
 }
-function nt(t, e, r) {
-  const s = window.devicePixelRatio || 1, l = Math.round(e * s), u = Math.round(r * s);
-  (t.width !== l || t.height !== u) && (t.width = l, t.height = u, t.style.width = `${e}px`, t.style.height = `${r}px`);
-  const a = t.getContext("2d");
-  return a.setTransform(s, 0, 0, s, 0, 0), a;
+function ct(i, e, t) {
+  const n = window.devicePixelRatio || 1, r = Math.round(e * n), d = Math.round(t * n);
+  (i.width !== r || i.height !== d) && (i.width = r, i.height = d, i.style.width = `${e}px`, i.style.height = `${t}px`);
+  const l = i.getContext("2d");
+  return l.setTransform(n, 0, 0, n, 0, 0), l;
 }
-function ot(t, e) {
-  const r = window.devicePixelRatio || 1;
-  t.clearRect(0, 0, e.width / r, e.height / r);
+function ut(i, e) {
+  const t = window.devicePixelRatio || 1;
+  i.clearRect(0, 0, e.width / t, e.height / t);
 }
-class sr {
+class pi {
   constructor(e) {
     Object.defineProperty(this, "dirty", {
       enumerable: !0,
@@ -290,194 +459,232 @@ class sr {
     }));
   }
 }
-class lr {
-  draw(e, r, s, l, u, a) {
-    const { firstVisible: v, lastVisible: d } = r.getVisibleGroupRange();
-    for (let E = v; E <= d; E++) {
-      const P = r.groupIndexToY(E), X = s[E];
-      if (!X)
+class vi {
+  draw(e, t, n, r, d, l, u) {
+    const { firstVisible: c, lastVisible: v } = t.getVisibleGroupRange();
+    for (let S = c; S <= v; S++) {
+      const _ = t.groupIndexToY(S), B = n[S];
+      if (!B)
         continue;
-      let j;
-      const G = a == null ? void 0 : a(X);
-      G != null && G.backgroundColor ? j = G.backgroundColor : j = E % 2 === 0 ? "#FFFFFF" : l.grid.rowAlt, e.fillStyle = j, e.fillRect(0, P, r.canvasWidth, r.lineHeight), e.strokeStyle = (G == null ? void 0 : G.borderBottomColor) ?? l.grid.line, e.lineWidth = 0.5, e.beginPath(), e.moveTo(0, P + r.lineHeight), e.lineTo(r.canvasWidth, P + r.lineHeight), e.stroke();
+      let Y;
+      const x = l == null ? void 0 : l(B);
+      x != null && x.backgroundColor ? Y = x.backgroundColor : Y = S % 2 === 0 ? "#FFFFFF" : r.grid.rowAlt, e.fillStyle = Y, e.fillRect(0, _, t.canvasWidth, t.lineHeight), e.strokeStyle = (x == null ? void 0 : x.borderBottomColor) ?? r.grid.line, e.lineWidth = 0.5, e.beginPath(), e.moveTo(0, _ + t.lineHeight), e.lineTo(t.canvasWidth, _ + t.lineHeight), e.stroke();
     }
-    const g = r.visibleTimeStart, y = r.visibleTimeEnd, T = 864e5 / (y - g) * r.canvasWidth;
-    let C = "day";
-    T < 2 ? C = "month" : T < 8 && (C = "week");
+    if (u && u.length > 0)
+      for (const S of u) {
+        const _ = t.timeToX(S.start), B = t.timeToX(S.end);
+        if (B < 0 || _ > t.canvasWidth)
+          continue;
+        const Y = Math.max(0, _), x = Math.min(t.canvasWidth, B) - Y, ne = S.opacity ?? 0.12, P = parseInt(S.color.slice(1, 3), 16), L = parseInt(S.color.slice(3, 5), 16), Z = parseInt(S.color.slice(5, 7), 16);
+        e.fillStyle = `rgb(${Math.round(P * ne + 255 * (1 - ne))},${Math.round(L * ne + 255 * (1 - ne))},${Math.round(Z * ne + 255 * (1 - ne))})`, e.fillRect(Y, 0, x, t.canvasHeight);
+      }
+    const M = t.visibleTimeStart, g = t.visibleTimeEnd, C = 864e5 / (g - M) * t.canvasWidth;
+    let I = "day";
+    C < 2 ? I = "month" : C < 8 && (I = "week");
     {
-      let E = ne(g).startOf("day");
-      const P = ne(y).endOf("day");
-      let X = null, j = 1, G = 0;
-      const W = [], le = (V) => {
-        X !== null && (e.fillStyle = X, j !== 1 && (e.globalAlpha = j), e.fillRect(G, 0, V - G, r.canvasHeight), j !== 1 && (e.globalAlpha = 1), X = null, j = 1);
+      let S = pe(M).startOf("day");
+      const _ = pe(g).endOf("day");
+      let B = null, Y = 1, x = 0;
+      const ne = [], P = (L) => {
+        B !== null && (e.fillStyle = B, Y !== 1 && (e.globalAlpha = Y), e.fillRect(x, 0, L - x, t.canvasHeight), Y !== 1 && (e.globalAlpha = 1), B = null, Y = 1);
       };
-      for (; E.isBefore(P); ) {
-        const V = r.timeToX(E.valueOf()), He = E.toDate(), q = u == null ? void 0 : u(He);
-        let oe = null, ae = 1;
-        if (q != null && q.backgroundColor)
-          oe = q.backgroundColor, ae = q.opacity ?? 1;
+      for (; S.isBefore(_); ) {
+        const L = t.timeToX(S.valueOf()), Z = S.toDate(), K = d == null ? void 0 : d(Z);
+        let te = null, ue = 1;
+        if (K != null && K.backgroundColor)
+          te = K.backgroundColor, ue = K.opacity ?? 1;
         else {
-          const pe = E.day();
-          (pe === 0 || pe === 6) && (oe = l.grid.weekend);
+          const ve = S.day();
+          (ve === 0 || ve === 6) && (te = r.grid.weekend);
         }
-        q != null && q.borderColor && W.push({ x: V, color: q.borderColor }), oe === X && ae === j || (le(V), oe !== null && (X = oe, j = ae, G = V)), E = E.add(1, "day");
+        K != null && K.borderColor && ne.push({ x: L, color: K.borderColor }), te === B && ue === Y || (P(L), te !== null && (B = te, Y = ue, x = L)), S = S.add(1, "day");
       }
-      X !== null && le(r.timeToX(E.valueOf()));
-      for (const V of W)
-        e.strokeStyle = V.color, e.lineWidth = 0.5, e.beginPath(), e.moveTo(V.x, 0), e.lineTo(V.x, r.canvasHeight), e.stroke();
+      B !== null && P(t.timeToX(S.valueOf()));
+      for (const L of ne)
+        e.strokeStyle = L.color, e.lineWidth = 0.5, e.beginPath(), e.moveTo(L.x, 0), e.lineTo(L.x, t.canvasHeight), e.stroke();
     }
-    let I = ne(g).startOf(C);
-    const B = ne(y).add(1, C);
-    for (e.strokeStyle = l.grid.line, e.lineWidth = 0.5, e.beginPath(); I.isBefore(B); ) {
-      const E = r.timeToX(I.valueOf());
-      e.moveTo(E, 0), e.lineTo(E, r.canvasHeight), I = I.add(1, C);
+    let W = pe(M).startOf(I);
+    const $ = pe(g).add(1, I);
+    for (e.strokeStyle = r.grid.line, e.lineWidth = 0.5, e.beginPath(); W.isBefore($); ) {
+      const S = t.timeToX(W.valueOf());
+      e.moveTo(S, 0), e.lineTo(S, t.canvasHeight), W = W.add(1, I);
     }
-    e.stroke();
+    if (e.stroke(), u && u.length > 0)
+      for (const S of u) {
+        const _ = t.timeToX(S.start), B = t.timeToX(S.end);
+        if (!(B < 0 || _ > t.canvasWidth) && (e.strokeStyle = S.color, e.globalAlpha = 0.4, e.lineWidth = 1, e.beginPath(), _ >= 0 && _ <= t.canvasWidth && (e.moveTo(_, 0), e.lineTo(_, t.canvasHeight)), B >= 0 && B <= t.canvasWidth && (e.moveTo(B, 0), e.lineTo(B, t.canvasHeight)), e.stroke(), e.globalAlpha = 1, S.label)) {
+          const Y = Math.max(0, _), x = Math.min(t.canvasWidth, B) - Y;
+          e.save(), e.font = '600 10px -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif';
+          const ne = e.measureText(S.label).width, P = 6, L = ne + P * 2, Z = 18, K = Y + (x - L) / 2, te = 4;
+          e.fillStyle = S.color, e.globalAlpha = 0.9, e.beginPath(), e.roundRect(K, te, L, Z, 3), e.fill(), e.globalAlpha = 1, e.fillStyle = "#FFFFFF", e.textBaseline = "middle", e.fillText(S.label, K + P, te + Z / 2), e.restore();
+        }
+      }
   }
 }
-const Mt = '500 12px -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif';
-function Bt(t, e) {
+const Ot = '500 12px -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif';
+function Yt(i, e) {
   return {
     /**
      * Draws a filled rounded rectangle.
      * Default corner radius is 3px.
      */
-    roundRect(r, s, l, u, a = 3) {
-      t.beginPath(), t.roundRect(r, s, l, u, a), t.fill();
+    roundRect(t, n, r, d, l = 3) {
+      i.beginPath(), i.roundRect(t, n, r, d, l), i.fill();
     },
     /**
      * Draws text at (x, y) using the standard item font.
      * If maxWidth is provided and the text is too wide, binary-search truncates it
      * and appends '...' so it fits within maxWidth.
      */
-    fillText(r, s, l, u) {
-      if (t.font = Mt, u !== void 0 && t.measureText(r).width > u) {
-        let a = 0, v = r.length;
-        for (; a < v; ) {
-          const d = Math.ceil((a + v) / 2), g = r.slice(0, d) + "...";
-          t.measureText(g).width <= u ? a = d : v = d - 1;
+    fillText(t, n, r, d) {
+      if (i.font = Ot, d !== void 0 && i.measureText(t).width > d) {
+        let l = 0, u = t.length;
+        for (; l < u; ) {
+          const c = Math.ceil((l + u) / 2), v = t.slice(0, c) + "...";
+          i.measureText(v).width <= d ? l = c : u = c - 1;
         }
-        t.fillText(r.slice(0, a) + "...", s, l);
+        i.fillText(t.slice(0, l) + "...", n, r);
       } else
-        t.fillText(r, s, l);
+        i.fillText(t, n, r);
     },
     /**
      * Creates a 50/50 linear gradient from color1 (0%–50%) to color2 (50%–100%)
      * spanning the given x position and width.
      */
-    gradient(r, s, l, u) {
-      const a = t.createLinearGradient(r, 0, r + s, 0);
-      return a.addColorStop(0, l), a.addColorStop(0.5, l), a.addColorStop(0.5, u), a.addColorStop(1, u), a;
+    gradient(t, n, r, d) {
+      const l = i.createLinearGradient(t, 0, t + n, 0);
+      return l.addColorStop(0, r), l.addColorStop(0.5, r), l.addColorStop(0.5, d), l.addColorStop(1, d), l;
     },
     /**
      * Draws a vertical colored bar on the left edge of the item bounds.
      * Does nothing if no bounds were provided.
      */
-    leftBar(r, s = 3) {
-      e && (t.save(), t.fillStyle = r, t.fillRect(e.x, e.y, s, e.height), t.restore());
+    leftBar(t, n = 3) {
+      e && (i.save(), i.fillStyle = t, i.fillRect(e.x, e.y, n, e.height), i.restore());
     },
     /**
      * Draws a vector icon centered at (x, y).
      * Supported types: 'check', 'danger-red', 'danger-yellow'.
      * Default size is 14px.
      */
-    icon(r, s, l, u = 14) {
-      t.save();
-      const a = u / 2;
-      if (r === "check") {
-        t.fillStyle = "#31c48d", t.beginPath(), t.arc(s + a, l + a, a, 0, Math.PI * 2), t.fill(), t.strokeStyle = "#ffffff", t.lineWidth = u * 0.12, t.beginPath();
-        const v = s + a, d = l + a;
-        t.moveTo(v - a * 0.45, d), t.lineTo(v - a * 0.1, d + a * 0.42), t.lineTo(v + a * 0.45, d - a * 0.35), t.stroke();
-      } else if (r === "danger-red" || r === "danger-yellow") {
-        const v = r === "danger-red" ? "#EF5350" : "#FBBF24";
-        t.fillStyle = v, t.beginPath(), t.moveTo(s + a, l), t.lineTo(s + u, l + u), t.lineTo(s, l + u), t.closePath(), t.fill(), t.fillStyle = "#ffffff";
-        const d = u * 0.12, g = s + a - d / 2;
-        t.fillRect(g, l + u * 0.35, d, u * 0.35), t.beginPath(), t.arc(s + a, l + u * 0.82, d * 0.7, 0, Math.PI * 2), t.fill();
+    icon(t, n, r, d = 14) {
+      i.save();
+      const l = d / 2;
+      if (t === "check") {
+        i.fillStyle = "#31c48d", i.beginPath(), i.arc(n + l, r + l, l, 0, Math.PI * 2), i.fill(), i.strokeStyle = "#ffffff", i.lineWidth = d * 0.12, i.beginPath();
+        const u = n + l, c = r + l;
+        i.moveTo(u - l * 0.45, c), i.lineTo(u - l * 0.1, c + l * 0.42), i.lineTo(u + l * 0.45, c - l * 0.35), i.stroke();
+      } else if (t === "danger-red" || t === "danger-yellow") {
+        const u = t === "danger-red" ? "#EF5350" : "#FBBF24";
+        i.fillStyle = u, i.beginPath(), i.moveTo(n + l, r), i.lineTo(n + d, r + d), i.lineTo(n, r + d), i.closePath(), i.fill(), i.fillStyle = "#ffffff";
+        const c = d * 0.12, v = n + l - c / 2;
+        i.fillRect(v, r + d * 0.35, c, d * 0.35), i.beginPath(), i.arc(n + l, r + d * 0.82, c * 0.7, 0, Math.PI * 2), i.fill();
       }
-      t.restore();
+      i.restore();
     },
     /**
      * Draws a pill-shaped badge with centered white text on a colored background.
      */
-    badge(r, s, l, u) {
-      t.save(), t.font = Mt;
-      const v = t.measureText(r).width, d = 8, y = 12 + 3 * 2, p = v + d * 2, M = y / 2;
-      t.fillStyle = u, t.beginPath(), t.roundRect(s, l, p, y, M), t.fill(), t.fillStyle = "#ffffff", t.textAlign = "center", t.textBaseline = "middle", t.fillText(r, s + p / 2, l + y / 2), t.restore();
+    badge(t, n, r, d) {
+      i.save(), i.font = Ot;
+      const u = i.measureText(t).width, c = 8, M = 12 + 3 * 2, g = u + c * 2, b = M / 2;
+      i.fillStyle = d, i.beginPath(), i.roundRect(n, r, g, M, b), i.fill(), i.fillStyle = "#ffffff", i.textAlign = "center", i.textBaseline = "middle", i.fillText(t, n + g / 2, r + M / 2), i.restore();
     }
   };
 }
-class ar {
-  draw(e, r, s, l, u, a, v, d, g, y, p, M) {
-    const T = (r.visibleTimeEnd - r.visibleTimeStart) * 0.1, C = r.visibleTimeStart - T, I = r.visibleTimeEnd + T, B = u.query(C, I), E = /* @__PURE__ */ new Map();
-    for (let W = 0; W < s.length; W++)
-      E.set(s[W].id, W);
-    const P = new Set(y), X = /* @__PURE__ */ new Map(), j = -r.lineHeight, G = r.canvasHeight + r.lineHeight;
-    for (const W of B) {
-      const le = E.get(W.group);
-      if (le === void 0)
+class bi {
+  draw(e, t, n, r, d, l, u, c, v, M, g, b, T, C) {
+    const I = (t.visibleTimeEnd - t.visibleTimeStart) * 0.1, W = t.visibleTimeStart - I, $ = t.visibleTimeEnd + I, S = d.query(W, $), _ = /* @__PURE__ */ new Map();
+    for (let P = 0; P < n.length; P++)
+      _.set(n[P].id, P);
+    const B = new Set(M), Y = /* @__PURE__ */ new Map(), x = -t.lineHeight, ne = t.canvasHeight + t.lineHeight;
+    for (const P of S) {
+      const L = _.get(P.group);
+      if (L === void 0)
         continue;
-      const V = a.getLayout(W.id);
-      if (!V)
+      const Z = l.getLayout(P.id);
+      if (!Z)
         continue;
-      const q = r.groupIndexToY(le) + V.stackLevel * r.lineHeight + (r.lineHeight - V.itemHeight) / 2, oe = V.itemHeight;
-      if (q + oe < j || q > G)
+      const te = t.groupIndexToY(L) + Z.stackLevel * t.lineHeight + (t.lineHeight - Z.itemHeight) / 2, ue = Z.itemHeight;
+      if (te + ue < x || te > ne)
         continue;
-      const ae = r.timeToX(W.start_time), pe = r.timeToX(W.end_time) - ae, ke = { x: ae, y: q, width: pe, height: oe };
-      X.set(W.id, ke);
-      const Be = {
-        selected: P.has(W.id),
-        hovered: p === W.id,
+      const ve = t.timeToX(P.start_time), He = t.timeToX(P.end_time) - ve, be = { x: ve, y: te, width: He, height: ue };
+      Y.set(P.id, be);
+      const Ie = {
+        selected: B.has(P.id),
+        hovered: g === P.id,
         dragging: !1,
-        filtered: W.filtered !== !1
+        filtered: P.filtered !== !1
       };
       e.save();
-      const We = Bt(e, ke);
-      (d && (W.type === "control_area_group" || W.type === "construction_train") ? d : v)(e, W, ke, Be, We), e.restore();
+      const Ae = Yt(e, be);
+      let Ee;
+      T && (C != null && C.isParent(P.id)) ? Ee = T : c && (P.type === "control_area_group" || P.type === "construction_train") ? Ee = c : Ee = u, Ee(e, P, be, Ie, Ae), e.restore();
+    }
+    if (b && b.length > 0) {
+      const P = /* @__PURE__ */ new Set();
+      for (const L of b)
+        Y.has(L.fromItemId) || P.add(L.fromItemId), Y.has(L.toItemId) || P.add(L.toItemId);
+      if (P.size > 0) {
+        const L = /* @__PURE__ */ new Map();
+        for (const Z of r)
+          P.has(Z.id) && L.set(Z.id, Z);
+        for (const [Z, K] of L) {
+          const te = _.get(K.group);
+          if (te === void 0)
+            continue;
+          const ue = l.getLayout(Z);
+          if (!ue)
+            continue;
+          const He = t.groupIndexToY(te) + ue.stackLevel * t.lineHeight + (t.lineHeight - ue.itemHeight) / 2, be = t.timeToX(K.start_time), Ie = t.timeToX(K.end_time) - be;
+          Y.set(Z, { x: be, y: He, width: Ie, height: ue.itemHeight });
+        }
+      }
+      this.drawDependencies(e, b, Y, g, v);
     }
-    M && M.length > 0 && this.drawDependencies(e, M, X, p, g);
   }
-  drawDependencies(e, r, s, l, u) {
-    for (const a of r) {
-      const v = s.get(a.fromItemId), d = s.get(a.toItemId);
-      if (!v || !d)
+  drawDependencies(e, t, n, r, d) {
+    for (const l of t) {
+      const u = n.get(l.fromItemId), c = n.get(l.toItemId);
+      if (!u || !c)
         continue;
-      const g = l === a.fromItemId || l === a.toItemId;
-      e.strokeStyle = g ? u.primary : a.color ?? "#94A3B8", e.lineWidth = g ? 2 : 1.5, e.setLineDash([]);
-      const y = v.x + v.width, p = v.y + v.height / 2, M = d.x, T = d.y + d.height / 2, C = Math.abs(M - y), I = Math.max(C * 0.4, 30);
-      e.beginPath(), e.moveTo(y, p), e.bezierCurveTo(y + I, p, M - I, T, M, T), e.stroke();
-      const B = 6;
-      e.fillStyle = e.strokeStyle, e.beginPath(), e.moveTo(M, T), e.lineTo(M - B, T - B / 2), e.lineTo(M - B, T + B / 2), e.closePath(), e.fill();
+      const v = r === l.fromItemId || r === l.toItemId;
+      e.strokeStyle = v ? d.primary : l.color ?? "#94A3B8", e.lineWidth = v ? 2 : 1.5, e.setLineDash([]);
+      const M = u.x + u.width, g = u.y + u.height / 2, b = c.x, T = c.y + c.height / 2, C = Math.abs(b - M), I = Math.max(C * 0.4, 30);
+      e.beginPath(), e.moveTo(M, g), e.bezierCurveTo(M + I, g, b - I, T, b, T), e.stroke();
+      const W = 6;
+      e.fillStyle = e.strokeStyle, e.beginPath(), e.moveTo(b, T), e.lineTo(b - W, T - W / 2), e.lineTo(b - W, T + W / 2), e.closePath(), e.fill();
     }
   }
 }
-class ur {
-  draw(e, r, s, l) {
-    const { cursorX: u, snapX: a, markers: v, interaction: d } = l;
-    if (v)
-      for (const g of v) {
-        const y = r.timeToX(g.date);
-        if (e.fillStyle = g.color, e.fillRect(y - g.width / 2, 0, g.width, r.canvasHeight), g.label) {
+class yi {
+  draw(e, t, n, r) {
+    const { cursorX: d, snapX: l, markers: u, interaction: c } = r;
+    if (u)
+      for (const v of u) {
+        const M = t.timeToX(v.date);
+        if (e.fillStyle = v.color, e.fillRect(M - v.width / 2, 0, v.width, t.canvasHeight), v.label) {
           e.save(), e.font = '500 10px -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif';
-          const p = e.measureText(g.label).width, M = 8, T = 200, C = Math.min(p + M * 2, T), I = 20, B = y - C / 2, E = 4;
-          e.fillStyle = g.color, e.beginPath(), e.roundRect(B, E, C, I, 3), e.fill(), e.fillStyle = "#FFFFFF", e.textBaseline = "middle";
-          const P = T - M * 2, X = p > P ? g.label.slice(0, Math.floor(g.label.length * P / p)) + "…" : g.label;
-          e.fillText(X, B + M, E + I / 2), e.restore();
+          const g = e.measureText(v.label).width, b = 8, T = 200, C = Math.min(g + b * 2, T), I = 20, W = M - C / 2, $ = 4;
+          e.fillStyle = v.color, e.beginPath(), e.roundRect(W, $, C, I, 3), e.fill(), e.fillStyle = "#FFFFFF", e.textBaseline = "middle";
+          const S = T - b * 2, _ = g > S ? v.label.slice(0, Math.floor(v.label.length * S / g)) + "…" : v.label;
+          e.fillText(_, W + b, $ + I / 2), e.restore();
         }
       }
-    if (u != null && (e.strokeStyle = s.marker.cursor, e.lineWidth = 1, e.beginPath(), e.moveTo(u, 0), e.lineTo(u, r.canvasHeight), e.stroke()), a != null && (e.strokeStyle = s.primary, e.lineWidth = 1, e.setLineDash([4, 4]), e.beginPath(), e.moveTo(a, 0), e.lineTo(a, r.canvasHeight), e.stroke(), e.setLineDash([])), d) {
-      d.groupChanged && d.targetGroupY !== void 0 && (e.fillStyle = "rgba(59, 130, 246, 0.08)", e.fillRect(0, d.targetGroupY, r.canvasWidth, r.lineHeight)), e.save(), e.globalAlpha = 0.5;
-      const g = Bt(e, d.bounds);
-      d.renderer(e, d.item, d.bounds, { selected: !1, hovered: !1, dragging: !0, filtered: !0 }, g), e.restore();
+    if (d != null && (e.strokeStyle = n.marker.cursor, e.lineWidth = 1, e.beginPath(), e.moveTo(d, 0), e.lineTo(d, t.canvasHeight), e.stroke()), l != null && (e.strokeStyle = n.primary, e.lineWidth = 1, e.setLineDash([4, 4]), e.beginPath(), e.moveTo(l, 0), e.lineTo(l, t.canvasHeight), e.stroke(), e.setLineDash([])), c) {
+      c.groupChanged && c.targetGroupY !== void 0 && (e.fillStyle = "rgba(59, 130, 246, 0.08)", e.fillRect(0, c.targetGroupY, t.canvasWidth, t.lineHeight)), e.save(), e.globalAlpha = 0.5;
+      const v = Yt(e, c.bounds);
+      c.renderer(e, c.item, c.bounds, { selected: !1, hovered: !1, dragging: !0, filtered: !0 }, v), e.restore();
     }
   }
 }
-const Ht = 120;
-function cr(t) {
-  let e = t.deltaY || t.deltaX;
-  return t.deltaMode === 1 ? e *= 15 : t.deltaMode === 2 && (e *= 800), Math.max(-Ht, Math.min(Ht, e));
+const _t = 120;
+function Ti(i) {
+  let e = i.deltaY || i.deltaX;
+  return i.deltaMode === 1 ? e *= 15 : i.deltaMode === 2 && (e *= 800), Math.max(-_t, Math.min(_t, e));
 }
-class dr {
-  constructor(e, r, s, l, u) {
+class Si {
+  constructor(e, t, n, r, d) {
     Object.defineProperty(this, "onZoom", {
       enumerable: !0,
       configurable: !0,
@@ -503,21 +710,21 @@ class dr {
       configurable: !0,
       writable: !0,
       value: void 0
-    }), this.onZoom = e, this.visibleTimeStart = r, this.visibleTimeEnd = s, this.minZoom = l, this.maxZoom = u;
+    }), this.onZoom = e, this.visibleTimeStart = t, this.visibleTimeEnd = n, this.minZoom = r, this.maxZoom = d;
   }
-  updateBounds(e, r) {
-    this.visibleTimeStart = e, this.visibleTimeEnd = r;
+  updateBounds(e, t) {
+    this.visibleTimeStart = e, this.visibleTimeEnd = t;
   }
-  handleWheelZoom(e, r) {
-    const s = cr(e), l = e.ctrlKey ? 10 : e.metaKey ? 3 : 1, u = s > 0 ? 1 + l * s / 500 : 1 / (1 + l * -s / 500), a = this.visibleTimeEnd - this.visibleTimeStart;
-    let v = Math.round(a * u);
-    v = Math.max(this.minZoom, Math.min(this.maxZoom, v));
-    const d = Math.round(this.visibleTimeStart + (a - v) * r), g = d + v;
-    this.onZoom(d, g);
+  handleWheelZoom(e, t) {
+    const n = Ti(e), r = e.ctrlKey ? 10 : e.metaKey ? 3 : 1, d = n > 0 ? 1 + r * n / 500 : 1 / (1 + r * -n / 500), l = this.visibleTimeEnd - this.visibleTimeStart;
+    let u = Math.round(l * d);
+    u = Math.max(this.minZoom, Math.min(this.maxZoom, u));
+    const c = Math.round(this.visibleTimeStart + (l - u) * t), v = c + u;
+    this.onZoom(c, v);
   }
 }
-const hr = 4;
-class fr {
+const ki = 4;
+class Mi {
   constructor(e) {
     Object.defineProperty(this, "state", {
       enumerable: !0,
@@ -536,21 +743,21 @@ class fr {
       value: !1
     }), this.dragSnap = e;
   }
-  startInteraction(e, r, s, l) {
+  startInteraction(e, t, n, r) {
     this.state = {
       item: e,
-      mode: r,
-      startX: s,
-      startY: l,
-      currentX: s,
-      currentY: l,
+      mode: t,
+      startX: n,
+      startY: r,
+      currentX: n,
+      currentY: r,
       deltaX: 0,
       originalGroup: e.group,
       currentGroup: e.group
     }, this.activated = !1;
   }
-  update(e, r) {
-    this.state && (this.state.currentX = e, this.state.currentY = r, this.state.deltaX = e - this.state.startX, !this.activated && Math.abs(this.state.deltaX) >= hr && (this.activated = !0));
+  update(e, t) {
+    this.state && (this.state.currentX = e, this.state.currentY = t, this.state.deltaX = e - this.state.startX, !this.activated && Math.abs(this.state.deltaX) >= ki && (this.activated = !0));
   }
   setCurrentGroup(e) {
     this.state && (this.state.currentGroup = e);
@@ -558,14 +765,14 @@ class fr {
   endMove(e) {
     if (!this.state)
       return null;
-    const r = this.state.deltaX / e, s = this.state.item.start_time + r, l = Math.round(s / this.dragSnap) * this.dragSnap, u = this.state.currentGroup;
-    return this.state = null, this.activated = !1, { newStartTime: l, newGroupId: u };
+    const t = this.state.deltaX / e, n = this.state.item.start_time + t, r = Math.round(n / this.dragSnap) * this.dragSnap, d = this.state.currentGroup;
+    return this.state = null, this.activated = !1, { newStartTime: r, newGroupId: d };
   }
   endResize(e) {
     if (!this.state)
       return null;
-    const r = this.state.deltaX / e, s = this.state.mode === "resize-left" ? "left" : "right", u = (s === "left" ? this.state.item.start_time : this.state.item.end_time) + r, a = Math.round(u / this.dragSnap) * this.dragSnap;
-    return this.state = null, this.activated = !1, { newTime: a, edge: s };
+    const t = this.state.deltaX / e, n = this.state.mode === "resize-left" ? "left" : "right", d = (n === "left" ? this.state.item.start_time : this.state.item.end_time) + t, l = Math.round(d / this.dragSnap) * this.dragSnap;
+    return this.state = null, this.activated = !1, { newTime: l, edge: n };
   }
   cancel() {
     this.state = null, this.activated = !1;
@@ -584,611 +791,669 @@ class fr {
     return this.state !== null;
   }
 }
-var Wt = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
-function Xt(t) {
-  return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
+function dt(i, e, t) {
+  const n = [];
+  for (const r of i)
+    r.id !== e && (n.push(t(r.start_time)), n.push(t(r.end_time)));
+  return n;
 }
-var Lt = { exports: {} };
-(function(t, e) {
-  (function(r, s) {
-    t.exports = s();
-  })(Wt, function() {
-    var r = "day";
-    return function(s, l, u) {
-      var a = function(g) {
-        return g.add(4 - g.isoWeekday(), r);
-      }, v = l.prototype;
-      v.isoWeekYear = function() {
-        return a(this).year();
-      }, v.isoWeek = function(g) {
-        if (!this.$utils().u(g)) return this.add(7 * (g - this.isoWeek()), r);
-        var y, p, M, T, C = a(this), I = (y = this.isoWeekYear(), p = this.$u, M = (p ? u.utc : u)().year(y).startOf("year"), T = 4 - M.isoWeekday(), M.isoWeekday() > 4 && (T += 7), M.add(T, r));
+function Ve(i, e, t, n, r) {
+  if (e.length === 0)
+    return null;
+  let d = e[0], l = Math.abs(i - d);
+  for (let u = 1; u < e.length; u++) {
+    const c = Math.abs(i - e[u]);
+    c < l && (l = c, d = e[u]);
+  }
+  return l <= t ? d : null;
+}
+var jt = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
+function Nt(i) {
+  return i && i.__esModule && Object.prototype.hasOwnProperty.call(i, "default") ? i.default : i;
+}
+var $t = { exports: {} };
+(function(i, e) {
+  (function(t, n) {
+    i.exports = n();
+  })(jt, function() {
+    var t = "day";
+    return function(n, r, d) {
+      var l = function(v) {
+        return v.add(4 - v.isoWeekday(), t);
+      }, u = r.prototype;
+      u.isoWeekYear = function() {
+        return l(this).year();
+      }, u.isoWeek = function(v) {
+        if (!this.$utils().u(v)) return this.add(7 * (v - this.isoWeek()), t);
+        var M, g, b, T, C = l(this), I = (M = this.isoWeekYear(), g = this.$u, b = (g ? d.utc : d)().year(M).startOf("year"), T = 4 - b.isoWeekday(), b.isoWeekday() > 4 && (T += 7), b.add(T, t));
         return C.diff(I, "week") + 1;
-      }, v.isoWeekday = function(g) {
-        return this.$utils().u(g) ? this.day() || 7 : this.day(this.day() % 7 ? g : g - 7);
+      }, u.isoWeekday = function(v) {
+        return this.$utils().u(v) ? this.day() || 7 : this.day(this.day() % 7 ? v : v - 7);
       };
-      var d = v.startOf;
-      v.startOf = function(g, y) {
-        var p = this.$utils(), M = !!p.u(y) || y;
-        return p.p(g) === "isoweek" ? M ? this.date(this.date() - (this.isoWeekday() - 1)).startOf("day") : this.date(this.date() - 1 - (this.isoWeekday() - 1) + 7).endOf("day") : d.bind(this)(g, y);
+      var c = u.startOf;
+      u.startOf = function(v, M) {
+        var g = this.$utils(), b = !!g.u(M) || M;
+        return g.p(v) === "isoweek" ? b ? this.date(this.date() - (this.isoWeekday() - 1)).startOf("day") : this.date(this.date() - 1 - (this.isoWeekday() - 1) + 7).endOf("day") : c.bind(this)(v, M);
       };
     };
   });
-})(Lt);
-var mr = Lt.exports;
-const gr = /* @__PURE__ */ Xt(mr), Rt = 5;
-function Dt({ groups: t, width: e, lineHeight: r, scrollTop: s, canvasHeight: l, theme: u, groupRenderer: a, onScroll: v }) {
-  var B;
-  const d = L(null), g = L(!1), y = t.length * r, p = l, M = Math.max(0, Math.floor(s / r) - Rt), T = Math.min(t.length - 1, Math.ceil((s + l) / r) + Rt), C = $((E) => {
-    g.current || v(E.currentTarget.scrollTop);
-  }, [v]);
-  re(() => {
-    d.current && (g.current = !0, d.current.scrollTop = s, requestAnimationFrame(() => {
-      g.current = !1;
+})($t);
+var wi = $t.exports;
+const Ei = /* @__PURE__ */ Nt(wi), Ft = 5;
+function Wt({ groups: i, width: e, lineHeight: t, scrollTop: n, canvasHeight: r, theme: d, groupRenderer: l, onScroll: u }) {
+  var W;
+  const c = z(null), v = z(!1), M = i.length * t, g = r, b = Math.max(0, Math.floor(n / t) - Ft), T = Math.min(i.length - 1, Math.ceil((n + r) / t) + Ft), C = ie(($) => {
+    v.current || u($.currentTarget.scrollTop);
+  }, [u]);
+  he(() => {
+    c.current && (v.current = !0, c.current.scrollTop = n, requestAnimationFrame(() => {
+      v.current = !1;
     }));
-  }, [s]);
+  }, [n]);
   const I = [];
-  for (let E = M; E <= T; E++) {
-    const P = t[E];
-    P && I.push(Z("div", { style: {
+  for (let $ = b; $ <= T; $++) {
+    const S = i[$];
+    S && I.push(se("div", { style: {
       position: "absolute",
-      top: E * r,
-      height: r,
+      top: $ * t,
+      height: t,
       width: "100%",
       overflow: "hidden",
       display: "flex",
       alignItems: "stretch",
-      borderBottom: `1px solid ${((B = u.grid) == null ? void 0 : B.line) ?? "#E5E5E5"}`,
+      borderBottom: `1px solid ${((W = d.grid) == null ? void 0 : W.line) ?? "#E5E5E5"}`,
       boxSizing: "border-box"
-    }, children: a(P) }, P.id));
+    }, children: l(S) }, S.id));
   }
-  return Z("div", { ref: d, onScroll: C, style: {
+  return se("div", { ref: c, onScroll: C, style: {
     width: e,
-    height: p,
-    overflowY: y > l ? "auto" : "hidden",
+    height: g,
+    overflowY: M > r ? "auto" : "hidden",
     overflowX: "hidden",
     position: "relative",
-    borderRight: `1px solid ${u.sidebar.border}`,
-    backgroundColor: u.sidebar.bg
-  }, children: Z("div", { style: { height: y, position: "relative" }, children: I }) });
+    borderRight: `1px solid ${d.sidebar.border}`,
+    backgroundColor: d.sidebar.bg
+  }, children: se("div", { style: { height: M, position: "relative" }, children: I }) });
 }
-function vr(t) {
+function Ci(i) {
   return null;
 }
-vr.displayName = "TodayMarker";
-function It(t) {
-  return { date: Math.floor(Date.now() / 6e4) * 6e4, color: t.color ?? "#FD7171", width: t.width ?? 6, label: t.label };
+Ci.displayName = "TodayMarker";
+function Xt(i) {
+  return { date: Math.floor(Date.now() / 6e4) * 6e4, color: i.color ?? "#FD7171", width: i.width ?? 6, label: i.label };
 }
-function br(t) {
-  return t.interval ?? 1e4;
+function Hi(i) {
+  return i.interval ?? 1e4;
 }
-function pr(t) {
+function Ii(i) {
   return null;
 }
-pr.displayName = "CustomMarker";
-function Pt(t) {
+Ii.displayName = "CustomMarker";
+function Bt(i) {
   return {
-    date: t.date,
-    color: t.color ?? "#3B82F6",
-    width: t.width ?? 4,
-    label: t.label
+    date: i.date,
+    color: i.color ?? "#3B82F6",
+    width: i.width ?? 4,
+    label: i.label
   };
 }
-ne.extend(gr);
-function yr(t) {
-  return t ? {
-    ...be,
-    ...t,
-    status: { ...be.status, ...t.status },
-    grid: { ...be.grid, ...t.grid },
-    item: { ...be.item, ...t.item },
-    marker: { ...be.marker, ...t.marker },
-    sidebar: { ...be.sidebar, ...t.sidebar },
-    header: { ...be.header, ...t.header }
-  } : be;
+pe.extend(Ei);
+function Ri(i) {
+  return i ? {
+    ...we,
+    ...i,
+    status: { ...we.status, ...i.status },
+    grid: { ...we.grid, ...i.grid },
+    item: { ...we.item, ...i.item },
+    marker: { ...we.marker, ...i.marker },
+    sidebar: { ...we.sidebar, ...i.sidebar },
+    header: { ...we.header, ...i.header }
+  } : we;
 }
-const Ot = 32, Fr = ie.memo(tr(function(e, r) {
-  const { groups: s, items: l, defaultTimeStart: u, defaultTimeEnd: a, sidebarWidth: v, lineHeight: d, itemHeightRatio: g, stackItems: y, canMove: p, canChangeGroup: M, canResize: T, dragSnap: C, minZoom: I, maxZoom: B, theme: E, dayStyle: P, rowStyle: X, showCursorLine: j, itemRenderer: G, groupRenderer: W, sidebarGroupRenderer: le, dependencies: V, onItemClick: He, onItemDoubleClick: q, onItemContextMenu: oe, onItemMove: ae, onItemResize: pe, moveResizeValidator: ke, onItemHover: Be, onCanvasDoubleClick: We, onCanvasContextMenu: Ne, onTimeChange: st, onZoom: lt, selected: at = [], rightSidebarWidth: Ge, rightSidebarGroupRenderer: ut, onReady: Xe, children: he } = e, ye = Q(() => yr(E), [E]), ct = $((o, i) => {
-    for (let c = 0; c < i.length; c++)
-      if (i[c].id === o)
-        return c;
+const Lt = 32, $i = ge.memo(ci(function(e, t) {
+  const { groups: n, items: r, defaultTimeStart: d, defaultTimeEnd: l, sidebarWidth: u, lineHeight: c, itemHeightRatio: v, stackItems: M, canMove: g, canChangeGroup: b, canResize: T, dragSnap: C, minZoom: I, maxZoom: W, theme: $, dayStyle: S, rowStyle: _, showCursorLine: B, itemRenderer: Y, groupRenderer: x, sidebarGroupRenderer: ne, dependencies: P, highlights: L, onItemClick: Z, onItemDoubleClick: K, onItemContextMenu: te, onItemMove: ue, onItemResize: ve, moveResizeValidator: He, onItemHover: be, onCanvasDoubleClick: Ie, onCanvasContextMenu: Ae, onTimeChange: Ee, onZoom: ht, selected: ft = [], rightSidebarWidth: qe, rightSidebarGroupRenderer: mt, onReady: Ye, children: Te } = e, ye = oe(() => Ri($), [$]), gt = ie((a, o) => {
+    for (let h = 0; h < o.length; h++)
+      if (o[h].id === a)
+        return h;
     return 0;
-  }, []), xt = at.join(","), ze = Q(() => at, [xt]), dt = L(null), ht = L(null), ft = L(null), Re = L(null), mt = L(null), At = L(null), [gt, Yt] = Ye({ width: 800, height: 600 });
-  re(() => {
-    const o = mt.current;
-    if (!o)
+  }, []), zt = ft.join(","), Ue = oe(() => ft, [zt]), pt = z(null), vt = z(null), bt = z(null), _e = z(null), yt = z(null), xt = z(null), [Vt, Zt] = xe(800);
+  he(() => {
+    const a = yt.current;
+    if (!a)
       return;
-    const i = new ResizeObserver((c) => {
-      const f = c[0];
-      f && Yt({ width: f.contentRect.width, height: f.contentRect.height });
+    const o = new ResizeObserver((h) => {
+      const f = h[0];
+      f && Zt(f.contentRect.width);
     });
-    return i.observe(o), () => i.disconnect();
+    return o.observe(a), () => o.disconnect();
   }, []);
-  const fe = Math.max(0, gt.width - v - (Ge ?? 0)), me = s.length * d || gt.height, R = L(new rt({
-    visibleTimeStart: e.visibleTimeStart ?? u,
-    visibleTimeEnd: e.visibleTimeEnd ?? a,
-    canvasWidth: fe,
-    canvasHeight: me,
-    sidebarWidth: v,
-    lineHeight: d,
-    groupCount: s.length,
+  const Se = Math.max(0, Vt - u - (qe ?? 0)), ke = n.length * c, D = z(new lt({
+    visibleTimeStart: e.visibleTimeStart ?? d,
+    visibleTimeEnd: e.visibleTimeEnd ?? l,
+    canvasWidth: Se,
+    canvasHeight: ke,
+    sidebarWidth: u,
+    lineHeight: c,
+    groupCount: n.length,
     buffer: e.buffer ?? 3,
     scrollTop: 0
-  })), $e = L(null), De = L(void 0), [vt, jt] = Ye(e.visibleTimeStart ?? u), [bt, Nt] = Ye(e.visibleTimeEnd ?? a), [pt, Le] = Ye(0), Ie = L(null), we = $(() => {
-    const o = R.current;
-    jt(o.visibleTimeStart), Nt(o.visibleTimeEnd), Le(o.scrollTop), Ie.current = null;
-  }, []), Ve = $(() => {
-    Ie.current === null && (Ie.current = setTimeout(we, Ot));
-  }, [we]);
-  re(() => () => {
-    Ie.current !== null && clearTimeout(Ie.current);
+  })), Ke = z(null), Fe = z(void 0), [Tt, qt] = xe(e.visibleTimeStart ?? d), [St, Ut] = xe(e.visibleTimeEnd ?? l), [kt, je] = xe(0), We = z(null), Re = ie(() => {
+    const a = D.current;
+    qt(a.visibleTimeStart), Ut(a.visibleTimeEnd), je(a.scrollTop), We.current = null;
+  }, []), Je = ie(() => {
+    We.current === null && (We.current = setTimeout(Re, Lt));
+  }, [Re]);
+  he(() => () => {
+    We.current !== null && clearTimeout(We.current);
   }, []);
-  const Ze = Q(() => {
-    const o = new nr();
-    return o.buildFromItems(l, (i) => i.start_time, (i) => i.end_time), o;
-  }, [l]), qe = Q(() => {
-    const o = new or(d, g);
-    return o.computeLayout(l, y), o;
-  }, [l, d, g, y]), Se = Q(() => new lr(), []), Ee = Q(() => new ar(), []), Ce = Q(() => new ur(), []), N = Q(() => new fr(C), [C]), _e = Q(() => {
-    const o = [];
-    return ie.Children.forEach(he, (i) => {
+  const Ce = oe(() => {
+    const a = new mi();
+    return a.rebuild(r), a;
+  }, [r]), Qe = oe(() => {
+    const a = new hi();
+    return a.buildFromItems(r, (o) => Ce.getEffectiveSpan(o.id).start, (o) => Ce.getEffectiveSpan(o.id).end), a;
+  }, [r, Ce]), et = oe(() => {
+    const a = new fi(c, v);
+    return a.computeLayout(r, M, Ce), a;
+  }, [r, c, v, M, Ce]), Mt = oe(() => e.summaryRenderer ? e.summaryRenderer : (a, o, h, f, s) => {
+    gi(a, o, h, f, s, ye);
+  }, [e.summaryRenderer, ye]), Pe = oe(() => new vi(), []), De = oe(() => new bi(), []), Oe = oe(() => new yi(), []), Q = oe(() => new Mi(C), [C]), Ne = oe(() => {
+    const a = [];
+    return ge.Children.forEach(Te, (o) => {
       var f;
-      if (!ie.isValidElement(i))
+      if (!ge.isValidElement(o))
         return;
-      const c = (f = i.type) == null ? void 0 : f.displayName;
-      c === "TodayMarker" ? o.push(It(i.props)) : c === "CustomMarker" && o.push(Pt(i.props));
-    }), o;
-  }, [he]), xe = Q(() => _e.map((o) => `${o.date}|${o.color}|${o.width}|${o.label ?? ""}`).join(";"), [_e]), Pe = L(_e);
-  Pe.current = _e;
-  const Ue = Q(() => {
-    let o = 0;
-    return ie.Children.forEach(he, (i) => {
+      const h = (f = o.type) == null ? void 0 : f.displayName;
+      h === "TodayMarker" ? a.push(Xt(o.props)) : h === "CustomMarker" && a.push(Bt(o.props));
+    }), a;
+  }, [Te]), $e = oe(() => Ne.map((a) => `${a.date}|${a.color}|${a.width}|${a.label ?? ""}`).join(";"), [Ne]), Xe = z(Ne);
+  Xe.current = Ne;
+  const tt = oe(() => {
+    let a = 0;
+    return ge.Children.forEach(Te, (o) => {
       var f;
-      if (!ie.isValidElement(i))
+      if (!ge.isValidElement(o))
         return;
-      ((f = i.type) == null ? void 0 : f.displayName) === "TodayMarker" && (o = br(i.props));
-    }), o;
-  }, [he]), O = L({
-    groups: s,
-    items: l,
-    intervalTree: Ze,
-    layoutEngine: qe,
-    itemRenderer: G,
-    groupRenderer: W,
+      ((f = o.type) == null ? void 0 : f.displayName) === "TodayMarker" && (a = Hi(o.props));
+    }), a;
+  }, [Te]), O = z({
+    groups: n,
+    items: r,
+    intervalTree: Qe,
+    layoutEngine: et,
+    itemRenderer: Y,
+    groupRenderer: x,
     theme: ye,
-    selected: ze,
-    dependencies: V,
-    dayStyle: P,
-    rowStyle: X,
-    showCursorLine: j,
-    canvasWidth: fe,
-    canvasHeight: me,
-    lineHeight: d,
-    itemHeightRatio: g,
-    onTimeChange: st,
-    onZoom: lt,
-    onItemHover: Be,
-    onItemClick: He,
-    onItemDoubleClick: q,
-    onItemContextMenu: oe,
-    onItemMove: ae,
-    onItemResize: pe,
-    onCanvasDoubleClick: We,
-    onCanvasContextMenu: Ne,
-    canMove: p,
+    selected: Ue,
+    dependencies: P,
+    highlights: L,
+    dayStyle: S,
+    rowStyle: _,
+    showCursorLine: B,
+    canvasWidth: Se,
+    canvasHeight: ke,
+    lineHeight: c,
+    itemHeightRatio: v,
+    onTimeChange: Ee,
+    onZoom: ht,
+    onItemHover: be,
+    onItemClick: Z,
+    onItemDoubleClick: K,
+    onItemContextMenu: te,
+    onItemMove: ue,
+    onItemResize: ve,
+    onCanvasDoubleClick: Ie,
+    onCanvasContextMenu: Ae,
+    canMove: g,
     canResize: T,
-    canChangeGroup: M,
+    canChangeGroup: b,
     dragSnap: C,
-    sidebarWidth: v,
-    moveResizeValidator: ke
+    sidebarWidth: u,
+    moveResizeValidator: He,
+    summaryRenderer: Mt,
+    hierarchyEngine: Ce
   });
   O.current = {
-    groups: s,
-    items: l,
-    intervalTree: Ze,
-    layoutEngine: qe,
-    itemRenderer: G,
-    groupRenderer: W,
+    groups: n,
+    items: r,
+    intervalTree: Qe,
+    layoutEngine: et,
+    itemRenderer: Y,
+    groupRenderer: x,
     theme: ye,
-    selected: ze,
-    dependencies: V,
-    dayStyle: P,
-    rowStyle: X,
-    showCursorLine: j,
-    canvasWidth: fe,
-    canvasHeight: me,
-    lineHeight: d,
-    itemHeightRatio: g,
-    onTimeChange: st,
-    onZoom: lt,
-    onItemHover: Be,
-    onItemClick: He,
-    onItemDoubleClick: q,
-    onItemContextMenu: oe,
-    onItemMove: ae,
-    onItemResize: pe,
-    onCanvasDoubleClick: We,
-    onCanvasContextMenu: Ne,
-    canMove: p,
+    selected: Ue,
+    dependencies: P,
+    highlights: L,
+    dayStyle: S,
+    rowStyle: _,
+    showCursorLine: B,
+    canvasWidth: Se,
+    canvasHeight: ke,
+    lineHeight: c,
+    itemHeightRatio: v,
+    onTimeChange: Ee,
+    onZoom: ht,
+    onItemHover: be,
+    onItemClick: Z,
+    onItemDoubleClick: K,
+    onItemContextMenu: te,
+    onItemMove: ue,
+    onItemResize: ve,
+    onCanvasDoubleClick: Ie,
+    onCanvasContextMenu: Ae,
+    canMove: g,
     canResize: T,
-    canChangeGroup: M,
+    canChangeGroup: b,
     dragSnap: C,
-    sidebarWidth: v,
-    moveResizeValidator: ke
+    sidebarWidth: u,
+    moveResizeValidator: He,
+    summaryRenderer: Mt,
+    hierarchyEngine: Ce
   };
-  const Gt = $(() => {
-    const o = dt.current;
-    if (!o)
+  const Kt = ie(() => {
+    const a = pt.current;
+    if (!a)
       return;
-    const i = O.current, c = nt(o, i.canvasWidth, i.canvasHeight);
-    ot(c, o), Se.draw(c, R.current, i.groups, i.theme, i.dayStyle, i.rowStyle);
-  }, [Se]), zt = $(() => {
-    const o = ht.current;
-    if (!o)
+    const o = O.current, h = ct(a, o.canvasWidth, o.canvasHeight);
+    ut(h, a), Pe.draw(h, D.current, o.groups, o.theme, o.dayStyle, o.rowStyle, o.highlights);
+  }, [Pe]), Jt = ie(() => {
+    const a = vt.current;
+    if (!a)
       return;
-    const i = O.current, c = nt(o, i.canvasWidth, i.canvasHeight);
-    ot(c, o), Ee.draw(c, R.current, i.groups, i.items, i.intervalTree, i.layoutEngine, i.itemRenderer, i.groupRenderer, i.theme, i.selected, De.current, i.dependencies);
-  }, [Ee]), yt = $((o, i) => {
-    const c = R.current, f = O.current, n = f.canvasWidth / (c.visibleTimeEnd - c.visibleTimeStart), h = i / n, b = o.start_time + h, k = Math.round(b / f.dragSnap) * f.dragSnap;
-    return c.timeToX(k);
-  }, []), $t = $(() => {
-    const o = ft.current;
-    if (!o)
+    const o = O.current, h = ct(a, o.canvasWidth, o.canvasHeight);
+    ut(h, a), De.draw(h, D.current, o.groups, o.items, o.intervalTree, o.layoutEngine, o.itemRenderer, o.groupRenderer, o.theme, o.selected, Fe.current, o.dependencies, o.summaryRenderer, o.hierarchyEngine);
+  }, [De]), wt = ie((a, o, h) => {
+    const f = D.current, s = O.current, m = s.canvasWidth / (f.visibleTimeEnd - f.visibleTimeStart), y = o / m, k = [];
+    h === "move" ? (k.push(f.timeToX(a.start_time + y)), k.push(f.timeToX(a.end_time + y))) : h === "resize-left" ? k.push(f.timeToX(a.start_time + y)) : k.push(f.timeToX(a.end_time + y));
+    const H = (f.visibleTimeEnd - f.visibleTimeStart) * 0.1, F = s.intervalTree.query(f.visibleTimeStart - H, f.visibleTimeEnd + H), V = dt(F, a.id, (re) => f.timeToX(re));
+    for (const re of k) {
+      const G = Ve(re, V, 8, m, s.dragSnap);
+      if (G !== null)
+        return G;
+    }
+    const J = a.start_time + y, R = Math.round(J / s.dragSnap) * s.dragSnap;
+    return f.timeToX(R);
+  }, []), Qt = ie(() => {
+    const a = bt.current;
+    if (!a)
       return;
-    const i = O.current, c = nt(o, i.canvasWidth, i.canvasHeight);
-    ot(c, o);
-    const f = R.current, n = N.getState();
-    let h = null;
-    if (n) {
-      const b = f.timeToX(n.item.start_time), k = f.timeToX(n.item.end_time) - b;
-      let H, D;
-      n.mode === "resize-left" ? (H = b + n.deltaX, D = k - n.deltaX) : n.mode === "resize-right" ? (H = b, D = k + n.deltaX) : (H = b + n.deltaX, D = k);
-      const x = ct(n.currentGroup, i.groups), z = f.groupIndexToY(x), A = n.currentGroup !== n.originalGroup;
-      h = {
-        item: n.item,
-        mode: n.mode,
-        bounds: { x: H, y: z + (i.lineHeight - i.lineHeight * i.itemHeightRatio) / 2, width: D, height: i.lineHeight * i.itemHeightRatio },
-        renderer: i.itemRenderer,
-        targetGroupY: z,
-        groupChanged: A
+    const o = O.current, h = ct(a, o.canvasWidth, o.canvasHeight);
+    ut(h, a);
+    const f = D.current, s = Q.getState();
+    let m = null;
+    if (s) {
+      const y = f.timeToX(s.item.start_time), k = f.timeToX(s.item.end_time) - y;
+      let H, F;
+      s.mode === "resize-left" ? (H = y + s.deltaX, F = k - s.deltaX) : s.mode === "resize-right" ? (H = y, F = k + s.deltaX) : (H = y + s.deltaX, F = k);
+      const V = gt(s.currentGroup, o.groups), J = f.groupIndexToY(V), R = s.currentGroup !== s.originalGroup;
+      m = {
+        item: s.item,
+        mode: s.mode,
+        bounds: { x: H, y: J + (o.lineHeight - o.lineHeight * o.itemHeightRatio) / 2, width: F, height: o.lineHeight * o.itemHeightRatio },
+        renderer: o.itemRenderer,
+        targetGroupY: J,
+        groupChanged: R
       };
     }
-    Ce.draw(c, f, i.theme, {
-      cursorX: i.showCursorLine ? $e.current : null,
-      snapX: n ? yt(n.item, n.deltaX) : null,
-      markers: Pe.current,
-      interaction: h
+    Oe.draw(h, f, o.theme, {
+      cursorX: o.showCursorLine ? Ke.current : null,
+      snapX: s ? wt(s.item, s.deltaX, s.mode) : null,
+      markers: Xe.current,
+      interaction: m
     });
-  }, [Ce, N, yt, ct]), Ke = L(null);
-  Ke.current || (Ke.current = new sr((o) => {
-    o.grid && Gt(), o.items && zt(), o.overlay && $t();
+  }, [Oe, Q, wt, gt]), it = z(null);
+  it.current || (it.current = new pi((a) => {
+    a.grid && Kt(), a.items && Jt(), a.overlay && Qt();
   }));
-  const S = Ke.current;
-  re(() => () => S.dispose(), [S]), re(() => {
-    if (!Ue)
+  const E = it.current;
+  he(() => () => E.dispose(), [E]), he(() => {
+    if (!tt)
       return;
-    const o = setInterval(() => {
-      const i = [];
-      ie.Children.forEach(he, (c) => {
-        var n;
-        if (!ie.isValidElement(c))
+    const a = setInterval(() => {
+      const o = [];
+      ge.Children.forEach(Te, (h) => {
+        var s;
+        if (!ge.isValidElement(h))
           return;
-        const f = (n = c.type) == null ? void 0 : n.displayName;
-        f === "TodayMarker" ? i.push(It(c.props)) : f === "CustomMarker" && i.push(Pt(c.props));
-      }), Pe.current = i, S.markDirty("overlay");
-    }, Ue);
-    return () => clearInterval(o);
-  }, [Ue, he, S]), re(() => {
-    R.current.update({ canvasWidth: fe, canvasHeight: me, sidebarWidth: v, lineHeight: d, groupCount: s.length }), S.markAllDirty();
-  }, [fe, me, v, d, s.length, S]), re(() => {
-    S.markDirty("grid"), S.markDirty("items");
-  }, [l, s, ze, ye, P, X, Ze, qe, S]);
-  const Tt = L(xe);
-  re(() => {
-    xe !== Tt.current && (Tt.current = xe, S.markDirty("overlay"));
-  }, [xe, S]);
-  const kt = L(e.visibleTimeStart), wt = L(e.visibleTimeEnd);
-  e.visibleTimeStart !== void 0 && e.visibleTimeStart !== kt.current && (kt.current = e.visibleTimeStart, R.current.update({ visibleTimeStart: e.visibleTimeStart }), S.markAllDirty()), e.visibleTimeEnd !== void 0 && e.visibleTimeEnd !== wt.current && (wt.current = e.visibleTimeEnd, R.current.update({ visibleTimeEnd: e.visibleTimeEnd }), S.markAllDirty());
-  const Oe = L(null), Je = $((o) => {
-    Oe.current === null && (Oe.current = setTimeout(() => {
-      var f, n;
-      Oe.current = null;
-      const i = R.current, c = O.current;
-      o === "zoom" ? (f = c.onZoom) == null || f.call(c, i.visibleTimeStart, i.visibleTimeEnd) : (n = c.onTimeChange) == null || n.call(c, i.visibleTimeStart, i.visibleTimeEnd);
-    }, Ot));
+        const f = (s = h.type) == null ? void 0 : s.displayName;
+        f === "TodayMarker" ? o.push(Xt(h.props)) : f === "CustomMarker" && o.push(Bt(h.props));
+      }), Xe.current = o, E.markDirty("overlay");
+    }, tt);
+    return () => clearInterval(a);
+  }, [tt, Te, E]), he(() => {
+    D.current.update({ canvasWidth: Se, canvasHeight: ke, sidebarWidth: u, lineHeight: c, groupCount: n.length }), E.markAllDirty();
+  }, [Se, ke, u, c, n.length, E]), he(() => {
+    E.markDirty("grid"), E.markDirty("items");
+  }, [r, n, Ue, ye, S, _, Qe, et, E]);
+  const Ge = oe(() => {
+    var a;
+    return ((a = e.highlights) == null ? void 0 : a.map((o) => `${o.start}|${o.end}|${o.color}|${o.label ?? ""}|${o.opacity ?? ""}`).join(";")) ?? "";
+  }, [e.highlights]), Et = z(Ge);
+  he(() => {
+    Ge !== Et.current && (Et.current = Ge, E.markDirty("grid"));
+  }, [Ge, E]);
+  const Ct = z($e);
+  he(() => {
+    $e !== Ct.current && (Ct.current = $e, E.markDirty("overlay"));
+  }, [$e, E]);
+  const Ht = z(e.visibleTimeStart), It = z(e.visibleTimeEnd);
+  e.visibleTimeStart !== void 0 && e.visibleTimeStart !== Ht.current && (Ht.current = e.visibleTimeStart, D.current.update({ visibleTimeStart: e.visibleTimeStart }), E.markAllDirty()), e.visibleTimeEnd !== void 0 && e.visibleTimeEnd !== It.current && (It.current = e.visibleTimeEnd, D.current.update({ visibleTimeEnd: e.visibleTimeEnd }), E.markAllDirty());
+  const Be = z(null), nt = ie((a) => {
+    Be.current === null && (Be.current = setTimeout(() => {
+      var f, s;
+      Be.current = null;
+      const o = D.current, h = O.current;
+      a === "zoom" ? (f = h.onZoom) == null || f.call(h, o.visibleTimeStart, o.visibleTimeEnd) : (s = h.onTimeChange) == null || s.call(h, o.visibleTimeStart, o.visibleTimeEnd);
+    }, Lt));
   }, []);
-  re(() => () => {
-    Oe.current !== null && clearTimeout(Oe.current);
+  he(() => () => {
+    Be.current !== null && clearTimeout(Be.current);
   }, []);
-  const Ae = L(null), Qe = Q(() => new dr((o, i) => {
-    var c;
-    R.current.update({ visibleTimeStart: o, visibleTimeEnd: i }), (c = Ae.current) == null || c.updateBounds(o, i), S.markAllDirty(), Ve(), Je("zoom");
-  }, u, a, I, B), []);
-  Ae.current = Qe;
-  const St = $((o) => {
-    const i = R.current, c = i.groupCount * i.lineHeight, f = Math.max(0, c - i.canvasHeight), n = Math.max(0, Math.min(f, i.scrollTop + o));
-    n !== i.scrollTop && (i.update({ scrollTop: n }), S.markDirty("grid"), S.markDirty("items"), S.markDirty("overlay"), Le(n));
-  }, [S]), et = $((o) => {
-    var b, k, H;
-    const i = R.current, c = i.canvasWidth / (i.visibleTimeEnd - i.visibleTimeStart), f = o / c, n = i.visibleTimeStart + f, h = i.visibleTimeEnd + f;
-    i.update({ visibleTimeStart: n, visibleTimeEnd: h }), (b = Ae.current) == null || b.updateBounds(n, h), S.markAllDirty(), ir(() => we()), (H = (k = O.current).onTimeChange) == null || H.call(k, n, h);
-  }, [S, we]);
-  re(() => {
-    const o = Re.current;
-    if (!o)
+  const ze = z(null), rt = oe(() => new Si((a, o) => {
+    var h;
+    D.current.update({ visibleTimeStart: a, visibleTimeEnd: o }), (h = ze.current) == null || h.updateBounds(a, o), E.markAllDirty(), Je(), nt("zoom");
+  }, d, l, I, W), []);
+  ze.current = rt;
+  const Rt = ie((a) => {
+    const o = D.current, h = o.groupCount * o.lineHeight, f = Math.max(0, h - o.canvasHeight), s = Math.max(0, Math.min(f, o.scrollTop + a));
+    s !== o.scrollTop && (o.update({ scrollTop: s }), E.markDirty("grid"), E.markDirty("items"), E.markDirty("overlay"), je(s));
+  }, [E]), ot = ie((a) => {
+    var y, k, H;
+    const o = D.current, h = o.canvasWidth / (o.visibleTimeEnd - o.visibleTimeStart), f = a / h, s = o.visibleTimeStart + f, m = o.visibleTimeEnd + f;
+    o.update({ visibleTimeStart: s, visibleTimeEnd: m }), (y = ze.current) == null || y.updateBounds(s, m), E.markAllDirty(), di(() => Re()), (H = (k = O.current).onTimeChange) == null || H.call(k, s, m);
+  }, [E, Re]);
+  he(() => {
+    const a = _e.current;
+    if (!a)
       return;
-    const i = (c) => {
-      if (c.ctrlKey || c.metaKey || c.altKey) {
-        c.preventDefault();
-        const f = o.getBoundingClientRect(), n = (c.clientX - f.left) / f.width;
-        Qe.handleWheelZoom(c, n);
-      } else if (c.shiftKey)
-        c.preventDefault(), et(c.deltaY);
+    const o = (h) => {
+      if (h.ctrlKey || h.metaKey || h.altKey) {
+        h.preventDefault();
+        const f = a.getBoundingClientRect(), s = (h.clientX - f.left) / f.width;
+        rt.handleWheelZoom(h, s);
+      } else if (h.shiftKey)
+        h.preventDefault(), ot(h.deltaY);
       else {
-        const f = c.deltaX;
-        f !== 0 && Math.abs(f) > Math.abs(c.deltaY) ? (c.preventDefault(), et(f)) : c.deltaY !== 0 && St(c.deltaY);
+        const f = h.deltaX;
+        f !== 0 && Math.abs(f) > Math.abs(h.deltaY) ? (h.preventDefault(), ot(f)) : h.deltaY !== 0 && Rt(h.deltaY);
       }
     };
-    return o.addEventListener("wheel", i, { passive: !1 }), () => o.removeEventListener("wheel", i);
-  }, [Qe, St, et]);
-  const ge = L({ lastDistance: null, lastCenter: null });
-  re(() => {
-    const o = Re.current;
-    if (!o)
+    return a.addEventListener("wheel", o, { passive: !1 }), () => a.removeEventListener("wheel", o);
+  }, [rt, Rt, ot]);
+  const Me = z({ lastDistance: null, lastCenter: null });
+  he(() => {
+    const a = _e.current;
+    if (!a)
       return;
-    const i = (b, k) => Math.abs(b.clientX - k.clientX), c = (b, k, H) => (b.clientX + k.clientX) / 2 - H.left, f = (b) => {
-      b.touches.length === 2 && (b.preventDefault(), ge.current.lastDistance = i(b.touches[0], b.touches[1]), ge.current.lastCenter = null);
-    }, n = (b) => {
+    const o = (y, k) => Math.abs(y.clientX - k.clientX), h = (y, k, H) => (y.clientX + k.clientX) / 2 - H.left, f = (y) => {
+      y.touches.length === 2 && (y.preventDefault(), Me.current.lastDistance = o(y.touches[0], y.touches[1]), Me.current.lastCenter = null);
+    }, s = (y) => {
       var k;
-      if (b.touches.length === 2 && ge.current.lastDistance !== null) {
-        b.preventDefault();
-        const H = i(b.touches[0], b.touches[1]), D = o.getBoundingClientRect(), z = c(b.touches[0], b.touches[1], D) / D.width;
-        if (H !== 0 && ge.current.lastDistance !== 0) {
-          const A = ge.current.lastDistance / H, ee = R.current, U = ee.visibleTimeEnd - ee.visibleTimeStart;
-          let w = U * A;
-          w = Math.max(I, Math.min(B, w));
-          const m = ee.visibleTimeStart + U * z, te = m - w * z, _ = m + w * (1 - z);
-          ee.update({ visibleTimeStart: te, visibleTimeEnd: _ }), (k = Ae.current) == null || k.updateBounds(te, _), S.markAllDirty(), Ve(), Je("zoom");
+      if (y.touches.length === 2 && Me.current.lastDistance !== null) {
+        y.preventDefault();
+        const H = o(y.touches[0], y.touches[1]), F = a.getBoundingClientRect(), J = h(y.touches[0], y.touches[1], F) / F.width;
+        if (H !== 0 && Me.current.lastDistance !== 0) {
+          const R = Me.current.lastDistance / H, re = D.current, G = re.visibleTimeEnd - re.visibleTimeStart;
+          let w = G * R;
+          w = Math.max(I, Math.min(W, w));
+          const p = re.visibleTimeStart + G * J, j = p - w * J, A = p + w * (1 - J);
+          re.update({ visibleTimeStart: j, visibleTimeEnd: A }), (k = ze.current) == null || k.updateBounds(j, A), E.markAllDirty(), Je(), nt("zoom");
         }
-        ge.current.lastDistance = H;
+        Me.current.lastDistance = H;
       }
-    }, h = () => {
-      ge.current.lastDistance = null, ge.current.lastCenter = null;
+    }, m = () => {
+      Me.current.lastDistance = null, Me.current.lastCenter = null;
     };
-    return o.addEventListener("touchstart", f, { passive: !1 }), o.addEventListener("touchmove", n, { passive: !1 }), o.addEventListener("touchend", h), () => {
-      o.removeEventListener("touchstart", f), o.removeEventListener("touchmove", n), o.removeEventListener("touchend", h);
+    return a.addEventListener("touchstart", f, { passive: !1 }), a.addEventListener("touchmove", s, { passive: !1 }), a.addEventListener("touchend", m), () => {
+      a.removeEventListener("touchstart", f), a.removeEventListener("touchmove", s), a.removeEventListener("touchend", m);
     };
-  }, [S, Ve, Je]);
-  const Vt = $((o) => {
+  }, [E, Je, nt]);
+  const ei = ie((a) => {
     var H;
-    const i = o.currentTarget, c = i.getBoundingClientRect(), f = o.clientX - c.left, n = o.clientY - c.top;
-    if ($e.current = f, N.isPending()) {
-      if (N.update(f, n), N.isActive()) {
-        const D = N.getState();
-        if (D && D.mode === "move" && O.current.canChangeGroup) {
-          const x = it(n, R.current, O.current.groups);
-          x && N.setCurrentGroup(x.id);
+    const o = a.currentTarget, h = o.getBoundingClientRect(), f = a.clientX - h.left, s = a.clientY - h.top;
+    if (Ke.current = f, Q.isPending()) {
+      if (Q.update(f, s), Q.isActive()) {
+        const F = Q.getState();
+        if (F && F.mode === "move" && O.current.canChangeGroup) {
+          const V = at(s, D.current, O.current.groups);
+          V && Q.setCurrentGroup(V.id);
         }
-        S.markDirty("overlay");
+        E.markDirty("overlay");
       }
       return;
     }
-    O.current.showCursorLine && S.markDirty("overlay");
-    const h = O.current, b = Fe(f, n, R.current, h.intervalTree, h.layoutEngine, h.groups), k = b == null ? void 0 : b.id;
-    if (k !== De.current && (De.current = k, S.markDirty("items"), (H = h.onItemHover) == null || H.call(h, k ?? null, o.nativeEvent)), b) {
-      const D = Ct(f, b, R.current), x = h.canResize;
-      D === "left" && (x === "left" || x === "both") || D === "right" && (x === "right" || x === "both") ? i.style.cursor = "col-resize" : h.canMove ? i.style.cursor = "grab" : i.style.cursor = "default";
+    O.current.showCursorLine && E.markDirty("overlay");
+    const m = O.current, y = Le(f, s, D.current, m.intervalTree, m.layoutEngine, m.groups), k = y == null ? void 0 : y.id;
+    if (k !== Fe.current && (Fe.current = k, E.markDirty("items"), (H = m.onItemHover) == null || H.call(m, k ?? null, a.nativeEvent)), y) {
+      const F = Dt(f, y, D.current), V = m.canResize;
+      F === "left" && (V === "left" || V === "both") || F === "right" && (V === "right" || V === "both") ? o.style.cursor = "col-resize" : m.canMove ? o.style.cursor = "grab" : o.style.cursor = "default";
     } else
-      i.style.cursor = "default";
-  }, [N, S]), Zt = $((o) => {
-    const i = O.current, c = o.currentTarget.getBoundingClientRect(), f = o.clientX - c.left, n = o.clientY - c.top, h = Fe(f, n, R.current, i.intervalTree, i.layoutEngine, i.groups);
-    if (!h)
+      o.style.cursor = "default";
+  }, [Q, E]), ti = ie((a) => {
+    const o = O.current, h = a.currentTarget.getBoundingClientRect(), f = a.clientX - h.left, s = a.clientY - h.top, m = Le(f, s, D.current, o.intervalTree, o.layoutEngine, o.groups);
+    if (!m)
       return;
-    const b = Ct(f, h, R.current), k = i.canResize;
-    b === "left" && (k === "left" || k === "both") ? N.startInteraction(h, "resize-left", f, n) : b === "right" && (k === "right" || k === "both") ? N.startInteraction(h, "resize-right", f, n) : i.canMove && N.startInteraction(h, "move", f, n);
-  }, [N]), qt = $((o) => {
-    var b, k, H, D, x, z;
-    const i = o.currentTarget;
-    if (N.isActive()) {
-      const A = N.getState(), ee = R.current, U = ee.canvasWidth / (ee.visibleTimeEnd - ee.visibleTimeStart);
-      if (A) {
+    const y = Dt(f, m, D.current), k = o.canResize;
+    y === "left" && (k === "left" || k === "both") ? Q.startInteraction(m, "resize-left", f, s) : y === "right" && (k === "right" || k === "both") ? Q.startInteraction(m, "resize-right", f, s) : o.canMove && Q.startInteraction(m, "move", f, s);
+  }, [Q]), ii = ie((a) => {
+    var y, k, H, F, V, J;
+    const o = a.currentTarget;
+    if (Q.isActive()) {
+      const R = Q.getState(), re = D.current, G = re.canvasWidth / (re.visibleTimeEnd - re.visibleTimeStart);
+      if (R) {
         const w = O.current.moveResizeValidator;
-        if (A.mode === "move") {
-          const m = N.endMove(U);
-          if (m) {
-            const te = w ? w("move", A.item.id, m.newStartTime) : m.newStartTime;
-            (k = (b = O.current).onItemMove) == null || k.call(b, A.item.id, te, m.newGroupId);
+        if (R.mode === "move") {
+          const p = Q.endMove(G);
+          if (p) {
+            const j = D.current, A = O.current, ae = R.deltaX / G, fe = j.timeToX(R.item.start_time + ae), X = j.timeToX(R.item.end_time + ae), q = (j.visibleTimeEnd - j.visibleTimeStart) * 0.1, ee = A.intervalTree.query(j.visibleTimeStart - q, j.visibleTimeEnd + q), N = dt(ee, R.item.id, (me) => j.timeToX(me));
+            let le = p.newStartTime;
+            const U = Ve(fe, N, 8, G, A.dragSnap);
+            if (U !== null)
+              le = j.xToTime(U);
+            else {
+              const me = Ve(X, N, 8, G, A.dragSnap);
+              if (me !== null) {
+                const ai = R.item.end_time - R.item.start_time;
+                le = j.xToTime(me) - ai;
+              }
+            }
+            const ce = w ? w("move", R.item.id, le) : le, de = O.current.hierarchyEngine.getMoveDelta(R.item.id, ce);
+            (k = (y = O.current).onItemMove) == null || k.call(y, R.item.id, ce, p.newGroupId, de.length > 0 ? de : void 0);
           }
         } else {
-          const m = N.endResize(U);
-          if (m) {
-            const te = w ? w("resize", A.item.id, m.newTime, m.edge) : m.newTime;
-            (D = (H = O.current).onItemResize) == null || D.call(H, A.item.id, te, m.edge);
+          const p = Q.endResize(G);
+          if (p) {
+            const j = D.current, A = O.current, ae = R.deltaX / G, fe = p.edge === "left" ? R.item.start_time + ae : R.item.end_time + ae, X = j.timeToX(fe), q = (j.visibleTimeEnd - j.visibleTimeStart) * 0.1, ee = A.intervalTree.query(j.visibleTimeStart - q, j.visibleTimeEnd + q), N = dt(ee, R.item.id, (me) => j.timeToX(me)), le = Ve(X, N, 8, G, A.dragSnap);
+            let U = le !== null ? j.xToTime(le) : p.newTime;
+            const ce = O.current.hierarchyEngine.getResizeConstraint(R.item.id, p.edge);
+            p.edge === "left" && U > ce.max ? U = ce.max : p.edge === "right" && U < ce.min && (U = ce.min);
+            const de = w ? w("resize", R.item.id, U, p.edge) : U;
+            (F = (H = O.current).onItemResize) == null || F.call(H, R.item.id, de, p.edge);
           }
         }
       }
-      i.style.cursor = "default", S.markDirty("overlay");
+      o.style.cursor = "default", E.markDirty("overlay");
       return;
     }
-    N.isPending() && N.cancel();
-    const c = i.getBoundingClientRect(), f = o.clientX - c.left, n = o.clientY - c.top, h = Fe(f, n, R.current, O.current.intervalTree, O.current.layoutEngine, O.current.groups);
-    h && ((z = (x = O.current).onItemClick) == null || z.call(x, h.id, o.nativeEvent));
-  }, [N, S]), Ut = $((o) => {
-    var b, k;
-    const i = o.currentTarget.getBoundingClientRect(), c = o.clientX - i.left, f = o.clientY - i.top, n = O.current, h = Fe(c, f, R.current, n.intervalTree, n.layoutEngine, n.groups);
-    if (h)
-      (b = n.onItemDoubleClick) == null || b.call(n, h.id, o.nativeEvent);
+    Q.isPending() && Q.cancel();
+    const h = o.getBoundingClientRect(), f = a.clientX - h.left, s = a.clientY - h.top, m = Le(f, s, D.current, O.current.intervalTree, O.current.layoutEngine, O.current.groups);
+    m && ((J = (V = O.current).onItemClick) == null || J.call(V, m.id, a.nativeEvent));
+  }, [Q, E]), ni = ie((a) => {
+    var y, k;
+    const o = a.currentTarget.getBoundingClientRect(), h = a.clientX - o.left, f = a.clientY - o.top, s = O.current, m = Le(h, f, D.current, s.intervalTree, s.layoutEngine, s.groups);
+    if (m)
+      (y = s.onItemDoubleClick) == null || y.call(s, m.id, a.nativeEvent);
     else {
-      const H = it(f, R.current, n.groups), D = R.current.xToTime(c);
-      H && ((k = n.onCanvasDoubleClick) == null || k.call(n, H.id, D));
+      const H = at(f, D.current, s.groups), F = D.current.xToTime(h);
+      H && ((k = s.onCanvasDoubleClick) == null || k.call(s, H.id, F));
     }
-  }, []), Kt = $((o) => {
-    var b, k;
-    o.preventDefault();
-    const i = o.currentTarget.getBoundingClientRect(), c = o.clientX - i.left, f = o.clientY - i.top, n = O.current, h = Fe(c, f, R.current, n.intervalTree, n.layoutEngine, n.groups);
-    if (h)
-      (b = n.onItemContextMenu) == null || b.call(n, h.id, o.nativeEvent);
+  }, []), ri = ie((a) => {
+    var y, k;
+    a.preventDefault();
+    const o = a.currentTarget.getBoundingClientRect(), h = a.clientX - o.left, f = a.clientY - o.top, s = O.current, m = Le(h, f, D.current, s.intervalTree, s.layoutEngine, s.groups);
+    if (m)
+      (y = s.onItemContextMenu) == null || y.call(s, m.id, a.nativeEvent);
     else {
-      const H = it(f, R.current, n.groups), D = R.current.xToTime(c);
-      H && ((k = n.onCanvasContextMenu) == null || k.call(n, H.id, D, o.nativeEvent));
+      const H = at(f, D.current, s.groups), F = D.current.xToTime(h);
+      H && ((k = s.onCanvasContextMenu) == null || k.call(s, H.id, F, a.nativeEvent));
     }
-  }, []), Jt = $(() => {
-    var o, i;
-    $e.current = null, Re.current && (Re.current.style.cursor = "default"), De.current !== void 0 && (De.current = void 0, S.markDirty("items"), (i = (o = O.current).onItemHover) == null || i.call(o, null, new PointerEvent("pointerleave"))), O.current.showCursorLine && S.markDirty("overlay");
-  }, [S]), Qt = Q(() => {
-    const o = [];
-    return ie.Children.forEach(he, (i) => {
+  }, []), oi = ie(() => {
+    var a, o;
+    Ke.current = null, _e.current && (_e.current.style.cursor = "default"), Fe.current !== void 0 && (Fe.current = void 0, E.markDirty("items"), (o = (a = O.current).onItemHover) == null || o.call(a, null, new PointerEvent("pointerleave"))), O.current.showCursorLine && E.markDirty("overlay");
+  }, [E]), si = oe(() => {
+    const a = [];
+    return ge.Children.forEach(Te, (o) => {
       var f;
-      if (!ie.isValidElement(i))
+      if (!ge.isValidElement(o))
         return;
-      if (((f = i.type) == null ? void 0 : f.displayName) === "TimelineHeaders") {
-        const n = i.props;
-        o.push(ie.cloneElement(i, {
-          visibleTimeStart: n.visibleTimeStart ?? vt,
-          visibleTimeEnd: n.visibleTimeEnd ?? bt,
-          canvasWidth: n.canvasWidth ?? fe,
-          sidebarWidth: n.sidebarWidth ?? v,
-          theme: n.theme ?? ye,
-          onZoomToInterval: n.onZoomToInterval ?? ((h, b) => {
-            var k, H, D, x;
-            R.current.update({ visibleTimeStart: h, visibleTimeEnd: b }), S.markAllDirty(), we(), (H = (k = O.current).onTimeChange) == null || H.call(k, h, b), (x = (D = O.current).onZoom) == null || x.call(D, h, b);
+      if (((f = o.type) == null ? void 0 : f.displayName) === "TimelineHeaders") {
+        const s = o.props;
+        a.push(ge.cloneElement(o, {
+          visibleTimeStart: s.visibleTimeStart ?? Tt,
+          visibleTimeEnd: s.visibleTimeEnd ?? St,
+          canvasWidth: s.canvasWidth ?? Se,
+          sidebarWidth: s.sidebarWidth ?? u,
+          theme: s.theme ?? ye,
+          onZoomToInterval: s.onZoomToInterval ?? ((m, y) => {
+            var k, H, F, V;
+            D.current.update({ visibleTimeStart: m, visibleTimeEnd: y }), E.markAllDirty(), Re(), (H = (k = O.current).onTimeChange) == null || H.call(k, m, y), (V = (F = O.current).onZoom) == null || V.call(F, m, y);
           })
         }));
       }
-    }), o;
-  }, [he, vt, bt, fe, v, ye, S, we]), Et = L(!1);
-  re(() => {
-    Et.current || (Et.current = !0, S.markAllDirty());
-  }, [S]), rr(r, () => ({
-    captureToCanvas({ timeStart: o, timeEnd: i, scale: c, sidebarWidth: f }) {
-      const n = O.current, h = 28, b = h * 3, k = n.groups.length * n.lineHeight, H = R.current, D = n.canvasWidth / (H.visibleTimeEnd - H.visibleTimeStart), x = i - o, z = Math.max(n.canvasWidth, Math.round(x * D)), A = (f + z) * c, ee = (b + k) * c, U = document.createElement("canvas");
-      U.width = A, U.height = ee;
-      const w = U.getContext("2d");
-      w.scale(c, c);
-      for (let _ = 0; _ < n.groups.length; _++) {
-        const ue = n.groups[_], ce = b + _ * n.lineHeight;
-        if (n.rowStyle) {
-          const Y = n.rowStyle(ue);
-          Y != null && Y.backgroundColor && (w.fillStyle = Y.backgroundColor, w.fillRect(0, ce, f, n.lineHeight));
+    }), a;
+  }, [Te, Tt, St, Se, u, ye, E, Re]), Pt = z(!1);
+  he(() => {
+    Pt.current || (Pt.current = !0, E.markAllDirty());
+  }, [E]), ui(t, () => ({
+    captureToCanvas({ timeStart: a, timeEnd: o, scale: h, sidebarWidth: f }) {
+      const s = O.current, m = 28, y = m * 3, k = s.groups.length * s.lineHeight, H = D.current, F = s.canvasWidth / (H.visibleTimeEnd - H.visibleTimeStart), V = o - a, J = Math.max(s.canvasWidth, Math.round(V * F)), R = (f + J) * h, re = (y + k) * h, G = document.createElement("canvas");
+      G.width = R, G.height = re;
+      const w = G.getContext("2d");
+      w.scale(h, h);
+      for (let A = 0; A < s.groups.length; A++) {
+        const ae = s.groups[A], fe = y + A * s.lineHeight;
+        if (s.rowStyle) {
+          const N = s.rowStyle(ae);
+          N != null && N.backgroundColor && (w.fillStyle = N.backgroundColor, w.fillRect(0, fe, f, s.lineHeight));
         }
-        const F = ue.type;
-        let K = "400", J = 8;
-        F === "project" ? K = "700" : F === "CAG" ? K = "600" : F === "CA" && (K = "400", J = 24), w.fillStyle = "#111", w.font = `${K} 12px sans-serif`, w.textBaseline = "middle", w.fillText(ue.title, J, ce + n.lineHeight / 2, f - J - 4);
+        const X = ae.type;
+        let q = "400", ee = 8;
+        X === "project" ? q = "700" : X === "CAG" ? q = "600" : X === "CA" && (q = "400", ee = 24), w.fillStyle = "#111", w.font = `${q} 12px sans-serif`, w.textBaseline = "middle", w.fillText(ae.title, ee, fe + s.lineHeight / 2, f - ee - 4);
       }
-      const m = (_, ue, ce) => {
-        var J, Y;
-        w.fillStyle = ((J = n.theme.header) == null ? void 0 : J.bg) ?? "#f5f5f5", w.fillRect(f, _, z, h), w.strokeStyle = ((Y = n.theme.grid) == null ? void 0 : Y.line) ?? "#e0e0e0", w.lineWidth = 1, w.strokeRect(f, _, z, h);
-        let F = ne(o).startOf(ce);
-        F.valueOf() < o && (F = F.add(1, ce));
-        const K = z / (i - o);
-        for (; F.valueOf() < i; ) {
-          const ve = F.add(1, ce), se = f + (F.valueOf() - o) * K, de = f + (Math.min(ve.valueOf(), i) - o) * K - se;
-          w.beginPath(), w.moveTo(se, _), w.lineTo(se, _ + h), w.stroke(), w.fillStyle = "#333", w.font = "600 11px sans-serif", w.textBaseline = "middle", w.textAlign = "center", w.fillText(ue(F), se + de / 2, _ + h / 2, de - 4), F = ve;
+      const p = (A, ae, fe) => {
+        var ee, N;
+        w.fillStyle = ((ee = s.theme.header) == null ? void 0 : ee.bg) ?? "#f5f5f5", w.fillRect(f, A, J, m), w.strokeStyle = ((N = s.theme.grid) == null ? void 0 : N.line) ?? "#e0e0e0", w.lineWidth = 1, w.strokeRect(f, A, J, m);
+        let X = pe(a).startOf(fe);
+        X.valueOf() < a && (X = X.add(1, fe));
+        const q = J / (o - a);
+        for (; X.valueOf() < o; ) {
+          const le = X.add(1, fe), U = f + (X.valueOf() - a) * q, de = f + (Math.min(le.valueOf(), o) - a) * q - U;
+          w.beginPath(), w.moveTo(U, A), w.lineTo(U, A + m), w.stroke(), w.fillStyle = "#333", w.font = "600 11px sans-serif", w.textBaseline = "middle", w.textAlign = "center", w.fillText(ae(X), U + de / 2, A + m / 2, de - 4), X = le;
         }
         w.textAlign = "start";
       };
-      m(0, (_) => _.format("YYYY"), "year"), m(h, (_) => _.format("MM"), "month"), m(h * 2, (_) => String(_.isoWeek()), "week");
-      const te = new rt({
-        visibleTimeStart: o,
-        visibleTimeEnd: i,
-        canvasWidth: z,
+      p(0, (A) => A.format("YYYY"), "year"), p(m, (A) => A.format("MM"), "month"), p(m * 2, (A) => String(A.isoWeek()), "week");
+      const j = new lt({
+        visibleTimeStart: a,
+        visibleTimeEnd: o,
+        canvasWidth: J,
         canvasHeight: k,
         sidebarWidth: 0,
-        lineHeight: n.lineHeight,
-        groupCount: n.groups.length,
+        lineHeight: s.lineHeight,
+        groupCount: s.groups.length,
         buffer: 1,
         scrollTop: 0
       });
-      return w.save(), w.translate(f, b), w.beginPath(), w.rect(0, 0, z, k), w.clip(), Se.draw(w, te, n.groups, n.theme, n.dayStyle, n.rowStyle), Ee.draw(w, te, n.groups, n.items, n.intervalTree, n.layoutEngine, n.itemRenderer, n.groupRenderer, n.theme, n.selected, void 0, n.dependencies), Ce.draw(w, te, n.theme, {
+      return w.save(), w.translate(f, y), w.beginPath(), w.rect(0, 0, J, k), w.clip(), Pe.draw(w, j, s.groups, s.theme, s.dayStyle, s.rowStyle, s.highlights), De.draw(w, j, s.groups, s.items, s.intervalTree, s.layoutEngine, s.itemRenderer, s.groupRenderer, s.theme, s.selected, void 0, s.dependencies, s.summaryRenderer, s.hierarchyEngine), Oe.draw(w, j, s.theme, {
         cursorX: null,
         snapX: null,
-        markers: Pe.current,
+        markers: Xe.current,
         interaction: null
-      }), w.restore(), U;
+      }), w.restore(), G;
     }
-  }), [Se, Ee, Ce]), re(() => {
-    const o = {
-      captureToCanvas({ timeStart: i, timeEnd: c, scale: f, sidebarWidth: n }) {
-        var ce;
-        const h = O.current, b = 28, k = b * 3, H = h.groups.length * h.lineHeight, D = R.current, x = h.canvasWidth / (D.visibleTimeEnd - D.visibleTimeStart), z = c - i, A = Math.max(h.canvasWidth, Math.round(z * x)), ee = n + A, U = k + H, w = document.createElement("canvas");
-        w.width = ee * f, w.height = U * f;
-        const m = w.getContext("2d");
-        m.scale(f, f), m.fillStyle = "#FFFFFF", m.fillRect(0, 0, ee, U), m.save(), m.beginPath(), m.rect(0, 0, n, U), m.clip(), m.fillStyle = "#F9FAFB", m.fillRect(0, 0, n, k), m.strokeStyle = "#E5E7EB", m.lineWidth = 1, m.strokeRect(0, 0, n, k);
-        for (let F = 0; F < h.groups.length; F++) {
-          const K = h.groups[F], J = k + F * h.lineHeight, Y = (ce = h.rowStyle) == null ? void 0 : ce.call(h, K);
-          m.fillStyle = (Y == null ? void 0 : Y.backgroundColor) ?? (F % 2 === 0 ? "#FFFFFF" : "#F7F7F7"), m.fillRect(0, J, n, h.lineHeight), m.strokeStyle = "#E5E5E5", m.lineWidth = 0.5, m.beginPath(), m.moveTo(0, J + h.lineHeight), m.lineTo(n, J + h.lineHeight), m.stroke();
-          const ve = K.type ?? "";
-          let se = 8, Te = "400", de = 11;
-          ve === "project" ? (Te = "700", de = 12) : ve === "control_area_group" ? Te = "600" : ve === "control_area" && (se = 24), m.fillStyle = "#374151", m.font = `${Te} ${de}px -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif`, m.textBaseline = "middle";
-          const Me = typeof K.title == "string" ? K.title : String(K.title);
-          m.fillText(Me, se, J + h.lineHeight / 2, n - se - 8);
+  }), [Pe, De, Oe]), he(() => {
+    const a = {
+      captureToCanvas({ timeStart: o, timeEnd: h, scale: f, sidebarWidth: s }) {
+        var fe;
+        const m = O.current, y = 28, k = y * 3, H = m.groups.length * m.lineHeight, F = D.current, V = m.canvasWidth / (F.visibleTimeEnd - F.visibleTimeStart), J = h - o, R = Math.max(m.canvasWidth, Math.round(J * V)), re = s + R, G = k + H, w = document.createElement("canvas");
+        w.width = re * f, w.height = G * f;
+        const p = w.getContext("2d");
+        p.scale(f, f), p.fillStyle = "#FFFFFF", p.fillRect(0, 0, re, G), p.save(), p.beginPath(), p.rect(0, 0, s, G), p.clip(), p.fillStyle = "#F9FAFB", p.fillRect(0, 0, s, k), p.strokeStyle = "#E5E7EB", p.lineWidth = 1, p.strokeRect(0, 0, s, k);
+        for (let X = 0; X < m.groups.length; X++) {
+          const q = m.groups[X], ee = k + X * m.lineHeight, N = (fe = m.rowStyle) == null ? void 0 : fe.call(m, q);
+          p.fillStyle = (N == null ? void 0 : N.backgroundColor) ?? (X % 2 === 0 ? "#FFFFFF" : "#F7F7F7"), p.fillRect(0, ee, s, m.lineHeight), p.strokeStyle = "#E5E5E5", p.lineWidth = 0.5, p.beginPath(), p.moveTo(0, ee + m.lineHeight), p.lineTo(s, ee + m.lineHeight), p.stroke();
+          const le = q.type ?? "";
+          let U = 8, ce = "400", de = 11;
+          le === "project" ? (ce = "700", de = 12) : le === "control_area_group" ? ce = "600" : le === "control_area" && (U = 24), p.fillStyle = "#374151", p.font = `${ce} ${de}px -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif`, p.textBaseline = "middle";
+          const me = typeof q.title == "string" ? q.title : String(q.title);
+          p.fillText(me, U, ee + m.lineHeight / 2, s - U - 8);
         }
-        m.strokeStyle = "#E5E7EB", m.lineWidth = 1, m.beginPath(), m.moveTo(n, 0), m.lineTo(n, U), m.stroke(), m.restore(), m.save(), m.beginPath(), m.rect(n, 0, A, k), m.clip();
-        const te = c - i, _ = [
+        p.strokeStyle = "#E5E7EB", p.lineWidth = 1, p.beginPath(), p.moveTo(s, 0), p.lineTo(s, G), p.stroke(), p.restore(), p.save(), p.beginPath(), p.rect(s, 0, R, k), p.clip();
+        const j = h - o, A = [
           { unit: "year", row: 0 },
           { unit: "month", row: 1 },
           { unit: "week", row: 2 }
         ];
-        for (const { unit: F, row: K } of _) {
-          const J = K * b;
-          m.fillStyle = "#F9FAFB", m.fillRect(n, J, A, b);
-          let Y = ne(i).startOf(F);
-          const ve = ne(c).add(1, F);
-          for (; Y.isBefore(ve); ) {
-            const se = Y.add(1, F), Te = n + (Y.valueOf() - i) / te * A, de = (se.valueOf() - Y.valueOf()) / te * A;
-            m.strokeStyle = "#E5E7EB", m.lineWidth = 0.5, m.strokeRect(Te, J, de, b);
-            let Me;
-            F === "year" ? Me = Y.format("YYYY") : F === "month" ? Me = Y.format("MM") : Me = `${Y.week()}`, m.fillStyle = "#6c737f", m.font = F === "year" ? '600 11px -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif' : '400 11px -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif', m.textBaseline = "middle", m.textAlign = "center", de > 20 && m.fillText(Me, Te + de / 2, J + b / 2), Y = se;
+        for (const { unit: X, row: q } of A) {
+          const ee = q * y;
+          p.fillStyle = "#F9FAFB", p.fillRect(s, ee, R, y);
+          let N = pe(o).startOf(X);
+          const le = pe(h).add(1, X);
+          for (; N.isBefore(le); ) {
+            const U = N.add(1, X), ce = s + (N.valueOf() - o) / j * R, de = (U.valueOf() - N.valueOf()) / j * R;
+            p.strokeStyle = "#E5E7EB", p.lineWidth = 0.5, p.strokeRect(ce, ee, de, y);
+            let me;
+            X === "year" ? me = N.format("YYYY") : X === "month" ? me = N.format("MM") : me = `${N.week()}`, p.fillStyle = "#6c737f", p.font = X === "year" ? '600 11px -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif' : '400 11px -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif', p.textBaseline = "middle", p.textAlign = "center", de > 20 && p.fillText(me, ce + de / 2, ee + y / 2), N = U;
           }
         }
-        m.textAlign = "start", m.restore(), m.save(), m.beginPath(), m.rect(n, k, A, H), m.clip(), m.translate(n, k);
-        const ue = new rt({
-          visibleTimeStart: i,
-          visibleTimeEnd: c,
-          canvasWidth: A,
+        p.textAlign = "start", p.restore(), p.save(), p.beginPath(), p.rect(s, k, R, H), p.clip(), p.translate(s, k);
+        const ae = new lt({
+          visibleTimeStart: o,
+          visibleTimeEnd: h,
+          canvasWidth: R,
           canvasHeight: H,
           sidebarWidth: 0,
-          lineHeight: h.lineHeight,
-          groupCount: h.groups.length,
+          lineHeight: m.lineHeight,
+          groupCount: m.groups.length,
           buffer: 1,
           scrollTop: 0
         });
-        return Se.draw(m, ue, h.groups, h.theme, h.dayStyle, h.rowStyle), Ee.draw(m, ue, h.groups, h.items, h.intervalTree, h.layoutEngine, h.itemRenderer, h.groupRenderer, h.theme, h.selected, void 0, h.dependencies), Ce.draw(m, ue, h.theme, { cursorX: null, markers: Pe.current }), m.restore(), w;
+        return Pe.draw(p, ae, m.groups, m.theme, m.dayStyle, m.rowStyle, m.highlights), De.draw(p, ae, m.groups, m.items, m.intervalTree, m.layoutEngine, m.itemRenderer, m.groupRenderer, m.theme, m.selected, void 0, m.dependencies, m.summaryRenderer, m.hierarchyEngine), Oe.draw(p, ae, m.theme, { cursorX: null, markers: Xe.current }), p.restore(), w;
       }
     };
-    Xe == null || Xe(o);
-  }, [Xe, Se, Ee, Ce]);
-  const er = {
+    Ye == null || Ye(a);
+  }, [Ye, Pe, De, Oe]);
+  const li = {
     position: "relative",
-    width: fe,
-    height: me,
+    width: Se,
+    height: ke,
     overflow: "hidden",
     cursor: "default"
-  }, tt = { position: "absolute", top: 0, left: 0 };
-  return je("div", { ref: mt, style: { display: "flex", flexDirection: "column", width: "100%" }, children: [Qt, je("div", { ref: At, style: { display: "flex", overflow: "hidden" }, children: [Z(Dt, { groups: s, width: v, lineHeight: d, scrollTop: pt, canvasHeight: me, theme: ye, groupRenderer: le, onScroll: (o) => {
-    R.current.update({ scrollTop: o }), S.markDirty("grid"), S.markDirty("items"), S.markDirty("overlay"), Le(o);
-  } }), je("div", { ref: Re, style: er, onPointerMove: Vt, onPointerDown: Zt, onPointerUp: qt, onDoubleClick: Ut, onContextMenu: Kt, onPointerLeave: Jt, children: [Z("canvas", { ref: dt, style: { ...tt, zIndex: 0 } }), Z("canvas", { ref: ht, style: { ...tt, zIndex: 1 } }), Z("canvas", { ref: ft, style: { ...tt, zIndex: 2 } })] }), Ge && ut ? Z(Dt, { groups: s, width: Ge, lineHeight: d, scrollTop: pt, canvasHeight: me, theme: ye, groupRenderer: ut, onScroll: (o) => {
-    R.current.update({ scrollTop: o }), S.markDirty("grid"), S.markDirty("items"), S.markDirty("overlay"), Le(o);
+  }, st = { position: "absolute", top: 0, left: 0 };
+  return Ze("div", { ref: yt, style: { display: "flex", flexDirection: "column", width: "100%" }, children: [si, Ze("div", { ref: xt, style: { display: "flex", overflow: "hidden" }, children: [se(Wt, { groups: n, width: u, lineHeight: c, scrollTop: kt, canvasHeight: ke, theme: ye, groupRenderer: ne, onScroll: (a) => {
+    D.current.update({ scrollTop: a }), E.markDirty("grid"), E.markDirty("items"), E.markDirty("overlay"), je(a);
+  } }), Ze("div", { ref: _e, style: li, onPointerMove: ei, onPointerDown: ti, onPointerUp: ii, onDoubleClick: ni, onContextMenu: ri, onPointerLeave: oi, children: [se("canvas", { ref: pt, style: { ...st, zIndex: 0 } }), se("canvas", { ref: vt, style: { ...st, zIndex: 1 } }), se("canvas", { ref: bt, style: { ...st, zIndex: 2 } })] }), qe && mt ? se(Wt, { groups: n, width: qe, lineHeight: c, scrollTop: kt, canvasHeight: ke, theme: ye, groupRenderer: mt, onScroll: (a) => {
+    D.current.update({ scrollTop: a }), E.markDirty("grid"), E.markDirty("items"), E.markDirty("overlay"), je(a);
   } }) : null] })] });
 }));
-function Tr({ children: t, theme: e, className: r, classNames: s, style: l, visibleTimeStart: u, visibleTimeEnd: a, canvasWidth: v, sidebarWidth: d = 0, onZoomToInterval: g }) {
-  const y = ie.Children.map(t, (p) => {
+function Pi({ children: i, theme: e, className: t, classNames: n, style: r, visibleTimeStart: d, visibleTimeEnd: l, canvasWidth: u, sidebarWidth: c = 0, onZoomToInterval: v }) {
+  const M = ge.Children.map(i, (g) => {
     var T;
-    if (!ie.isValidElement(p))
-      return p;
-    if (((T = p.type) == null ? void 0 : T.displayName) === "DateHeader") {
-      const C = p.props, I = ie.cloneElement(p, {
-        visibleTimeStart: C.visibleTimeStart ?? u,
-        visibleTimeEnd: C.visibleTimeEnd ?? a,
-        canvasWidth: C.canvasWidth ?? v,
+    if (!ge.isValidElement(g))
+      return g;
+    if (((T = g.type) == null ? void 0 : T.displayName) === "DateHeader") {
+      const C = g.props, I = ge.cloneElement(g, {
+        visibleTimeStart: C.visibleTimeStart ?? d,
+        visibleTimeEnd: C.visibleTimeEnd ?? l,
+        canvasWidth: C.canvasWidth ?? u,
         theme: C.theme ?? e,
-        onZoomToInterval: C.onIntervalClick ?? C.onZoomToInterval ?? g
+        onZoomToInterval: C.onIntervalClick ?? C.onZoomToInterval ?? v
       });
-      return je("div", { style: { display: "flex" }, children: [Z("div", { style: { width: d, flexShrink: 0 } }), Z("div", { style: { flex: 1, overflow: "hidden" }, children: I })] });
+      return Ze("div", { style: { display: "flex" }, children: [se("div", { style: { width: c, flexShrink: 0 } }), se("div", { style: { flex: 1, overflow: "hidden" }, children: I })] });
     }
-    return p;
+    return g;
   });
-  return Z("div", { className: r, style: {
+  return se("div", { className: t, style: {
     position: "sticky",
     top: 0,
     zIndex: 20,
@@ -1197,65 +1462,65 @@ function Tr({ children: t, theme: e, className: r, classNames: s, style: l, visi
     backgroundColor: (e == null ? void 0 : e.header.bg) ?? "#F9FAFB",
     borderTop: `1px solid ${(e == null ? void 0 : e.header.border) ?? "#E5E7EB"}`,
     borderBottom: `1px solid ${(e == null ? void 0 : e.header.border) ?? "#E5E7EB"}`,
-    ...l
-  }, children: y });
+    ...r
+  }, children: M });
 }
-Tr.displayName = "TimelineHeaders";
-var _t = { exports: {} };
-(function(t, e) {
-  (function(r, s) {
-    t.exports = s();
-  })(Wt, function() {
-    var r = "week", s = "year";
-    return function(l, u, a) {
-      var v = u.prototype;
-      v.week = function(d) {
-        if (d === void 0 && (d = null), d !== null) return this.add(7 * (d - this.week()), "day");
-        var g = this.$locale().yearStart || 1;
+Pi.displayName = "TimelineHeaders";
+var Gt = { exports: {} };
+(function(i, e) {
+  (function(t, n) {
+    i.exports = n();
+  })(jt, function() {
+    var t = "week", n = "year";
+    return function(r, d, l) {
+      var u = d.prototype;
+      u.week = function(c) {
+        if (c === void 0 && (c = null), c !== null) return this.add(7 * (c - this.week()), "day");
+        var v = this.$locale().yearStart || 1;
         if (this.month() === 11 && this.date() > 25) {
-          var y = a(this).startOf(s).add(1, s).date(g), p = a(this).endOf(r);
-          if (y.isBefore(p)) return 1;
+          var M = l(this).startOf(n).add(1, n).date(v), g = l(this).endOf(t);
+          if (M.isBefore(g)) return 1;
         }
-        var M = a(this).startOf(s).date(g).startOf(r).subtract(1, "millisecond"), T = this.diff(M, r, !0);
-        return T < 0 ? a(this).startOf("week").week() : Math.ceil(T);
-      }, v.weeks = function(d) {
-        return d === void 0 && (d = null), this.week(d);
+        var b = l(this).startOf(n).date(v).startOf(t).subtract(1, "millisecond"), T = this.diff(b, t, !0);
+        return T < 0 ? l(this).startOf("week").week() : Math.ceil(T);
+      }, u.weeks = function(c) {
+        return c === void 0 && (c = null), this.week(c);
       };
     };
   });
-})(_t);
-var kr = _t.exports;
-const wr = /* @__PURE__ */ Xt(kr);
-ne.extend(wr);
-const Sr = {
+})(Gt);
+var Di = Gt.exports;
+const Oi = /* @__PURE__ */ Nt(Di);
+pe.extend(Oi);
+const _i = {
   year: 30,
   month: 30,
   week: 20,
   day: 15,
   hour: 30
 };
-function Er({ unit: t, visibleTimeStart: e = 0, visibleTimeEnd: r = 0, canvasWidth: s = 0, theme: l, height: u = 28, className: a, labelFormat: v, onIntervalClick: d, minCellWidth: g, onZoomToInterval: y }) {
-  const p = Q(() => {
-    if (!e || !r || !s)
+function Fi({ unit: i, visibleTimeStart: e = 0, visibleTimeEnd: t = 0, canvasWidth: n = 0, theme: r, height: d = 28, className: l, labelFormat: u, onIntervalClick: c, minCellWidth: v, onZoomToInterval: M }) {
+  const g = oe(() => {
+    if (!e || !t || !n)
       return [];
-    const T = r - e, C = g ?? Sr[t];
+    const T = t - e, C = v ?? _i[i];
     if (C > 0) {
-      const P = ne(e).startOf(t);
-      if ((P.add(1, t).valueOf() - P.valueOf()) / T * s < C)
+      const S = pe(e).startOf(i);
+      if ((S.add(1, i).valueOf() - S.valueOf()) / T * n < C)
         return [];
     }
     const I = [];
-    let B = ne(e).startOf(t).subtract(1, t);
-    const E = ne(r).add(2, t).valueOf();
-    for (; B.valueOf() < E; ) {
-      const P = B.add(1, t), X = B.valueOf(), j = P.valueOf(), G = (X - e) / T * s, W = (j - X) / T * s, le = Cr(B, P, t, v);
-      I.push({ start: X, end: j, label: le, left: G, width: W }), B = P;
+    let W = pe(e).startOf(i).subtract(1, i);
+    const $ = pe(t).add(2, i).valueOf();
+    for (; W.valueOf() < $; ) {
+      const S = W.add(1, i), _ = W.valueOf(), B = S.valueOf(), Y = (_ - e) / T * n, x = (B - _) / T * n, ne = Wi(W, S, i, u);
+      I.push({ start: _, end: B, label: ne, left: Y, width: x }), W = S;
     }
     return I;
-  }, [e, r, s, t, v, g]), M = $((T, C) => {
-    d ? d(T, C) : y && y(T, C);
-  }, [d, y]);
-  return p.length === 0 ? null : Z("div", { style: { display: "flex", position: "relative", height: u, overflow: "hidden" }, children: p.map((T) => Z("div", { className: a, onClick: () => M(T.start, T.end), style: {
+  }, [e, t, n, i, u, v]), b = ie((T, C) => {
+    c ? c(T, C) : M && M(T, C);
+  }, [c, M]);
+  return g.length === 0 ? null : se("div", { style: { display: "flex", position: "relative", height: d, overflow: "hidden" }, children: g.map((T) => se("div", { className: l, onClick: () => b(T.start, T.end), style: {
     position: "absolute",
     left: T.left,
     width: T.width,
@@ -1263,54 +1528,55 @@ function Er({ unit: t, visibleTimeStart: e = 0, visibleTimeEnd: r = 0, canvasWid
     display: "flex",
     alignItems: "center",
     justifyContent: "center",
-    borderRight: `1px solid ${(l == null ? void 0 : l.header.border) ?? "#E5E7EB"}`,
-    borderBottom: `1px solid ${(l == null ? void 0 : l.header.border) ?? "#E5E7EB"}`,
+    borderRight: `1px solid ${(r == null ? void 0 : r.header.border) ?? "#E5E7EB"}`,
+    borderBottom: `1px solid ${(r == null ? void 0 : r.header.border) ?? "#E5E7EB"}`,
     fontSize: 12,
-    color: (l == null ? void 0 : l.header.text) ?? "#6c737f",
-    backgroundColor: (l == null ? void 0 : l.header.bg) ?? "#F9FAFB",
+    color: (r == null ? void 0 : r.header.text) ?? "#6c737f",
+    backgroundColor: (r == null ? void 0 : r.header.bg) ?? "#F9FAFB",
     overflow: "hidden",
     whiteSpace: "nowrap",
     cursor: "pointer",
     userSelect: "none",
     padding: "0 4px",
     boxSizing: "border-box"
-  }, children: Z("span", { children: T.label }) }, T.start)) });
+  }, children: se("span", { children: T.label }) }, T.start)) });
 }
-Er.displayName = "DateHeader";
-function Cr(t, e, r, s, l) {
-  return typeof s == "function" ? s(t.toDate(), e.toDate(), r) : typeof s == "string" ? t.format(s) : Mr(t, r);
+Fi.displayName = "DateHeader";
+function Wi(i, e, t, n, r) {
+  return typeof n == "function" ? n(i.toDate(), e.toDate(), t) : typeof n == "string" ? i.format(n) : Xi(i, t);
 }
-function Mr(t, e) {
+function Xi(i, e) {
   switch (e) {
     case "year":
-      return t.format("YYYY");
+      return i.format("YYYY");
     case "month":
-      return t.format("MM");
+      return i.format("MM");
     case "week":
-      return `${t.week()}`;
+      return `${i.week()}`;
     case "day":
-      return t.format("D");
+      return i.format("D");
     case "hour":
-      return t.format("HH:mm");
+      return i.format("HH:mm");
   }
 }
-function Hr({ width: t, children: e, style: r }) {
-  const s = () => ({ style: { width: t, ...r } });
-  return e ? Z(Ft, { children: e({ getRootProps: s }) }) : Z("div", { style: { width: t } });
+function Bi({ width: i, children: e, style: t }) {
+  const n = () => ({ style: { width: i, ...t } });
+  return e ? se(At, { children: e({ getRootProps: n }) }) : se("div", { style: { width: i } });
 }
-Hr.displayName = "SidebarHeader";
-function Rr({ children: t }) {
-  return Z(Ft, { children: t });
+Bi.displayName = "SidebarHeader";
+function Li({ children: i }) {
+  return se(At, { children: i });
 }
-Rr.displayName = "CustomHeader";
+Li.displayName = "CustomHeader";
 export {
-  Fr as CanvasTimeline,
-  Rr as CustomHeader,
-  pr as CustomMarker,
-  be as DEFAULT_THEME,
-  Er as DateHeader,
-  Hr as SidebarHeader,
-  Tr as TimelineHeaders,
-  vr as TodayMarker
+  $i as CanvasTimeline,
+  Li as CustomHeader,
+  Ii as CustomMarker,
+  we as DEFAULT_THEME,
+  Fi as DateHeader,
+  mi as HierarchyEngine,
+  Bi as SidebarHeader,
+  Pi as TimelineHeaders,
+  Ci as TodayMarker
 };
 //# sourceMappingURL=canvas-timeline.es.js.map