@taskctrl/canvas-timeline 0.7.0 → 0.8.1

package/dist/canvas-timeline.es.js

@@ -1,8 +1,8 @@
-import { jsx as le, jsxs as Ve, Fragment as ei } from "react/jsx-runtime";
-import me, { useRef as U, useMemo as ee, useCallback as oe, useEffect as ce, forwardRef as Ei, useState as Ze, useImperativeHandle as Hi } from "react";
-import { flushSync as Di } from "react-dom";
+import { jsx as ne, jsxs as Ve, Fragment as ni } from "react/jsx-runtime";
+import ce, { useRef as A, useMemo as K, useCallback as Q, useEffect as le, forwardRef as Oi, useState as Ue, useImperativeHandle as Pi } from "react";
+import { flushSync as Xi } from "react-dom";
 import We from "dayjs";
-const He = {
+const Ce = {
   primary: "#269bf7",
   trainColors: {},
   status: { red: "#EF5350", yellow: "#FBBF24", green: "#31c48d" },
@@ -12,7 +12,7 @@ const He = {
   sidebar: { bg: "#F9FAFB", border: "#E5E7EB", text: "#6c737f" },
   header: { bg: "#F9FAFB", border: "#E5E7EB", text: "#6c737f" }
 };
-class yt {
+class Tt {
   constructor(e) {
     Object.defineProperty(this, "visibleTimeStart", {
       enumerable: !0,
@@ -89,8 +89,8 @@ class yt {
     const e = new Array(this.groupCount + 1);
     e[0] = 0;
     for (let n = 0; n < this.groupCount; n++) {
-      const o = ((t = this.groupHeights) == null ? void 0 : t[n]) ?? this.lineHeight;
-      e[n + 1] = e[n] + o;
+      const r = ((t = this.groupHeights) == null ? void 0 : t[n]) ?? this.lineHeight;
+      e[n + 1] = e[n] + r;
     }
     this.groupYOffsets = e;
   }
@@ -108,10 +108,10 @@ class yt {
       return 0;
     if (t >= this.groupYOffsets[this.groupCount])
       return this.groupCount - 1;
-    let n = 0, o = this.groupCount - 1;
-    for (; n < o; ) {
-      const d = n + o >>> 1;
-      this.groupYOffsets[d + 1] > t ? o = d : n = d + 1;
+    let n = 0, r = this.groupCount - 1;
+    for (; n < r; ) {
+      const d = n + r >>> 1;
+      this.groupYOffsets[d + 1] > t ? r = d : n = d + 1;
     }
     return n;
   }
@@ -143,7 +143,7 @@ class yt {
     return this.groupYOffsets[this.groupCount] ?? 0;
   }
 }
-class Ii {
+class $i {
   constructor() {
     Object.defineProperty(this, "root", {
       enumerable: !0,
@@ -153,26 +153,26 @@ class Ii {
     });
   }
   buildFromItems(e, t, n) {
-    const o = e.map((d) => ({
+    const r = e.map((d) => ({
       item: d,
       start: t(d),
       end: n(d)
     }));
-    this.root = this.buildNode(o);
+    this.root = this.buildNode(r);
   }
   buildNode(e) {
     if (e.length === 0)
       return null;
     let t = 1 / 0, n = -1 / 0;
-    for (const a of e)
-      a.start < t && (t = a.start), a.end > n && (n = a.end);
-    const o = (t + n) / 2, d = [], s = [], c = [];
-    for (const a of e)
-      a.end < o ? d.push(a) : a.start > o ? s.push(a) : c.push(a);
+    for (const l of e)
+      l.start < t && (t = l.start), l.end > n && (n = l.end);
+    const r = (t + n) / 2, d = [], o = [], c = [];
+    for (const l of e)
+      l.end < r ? d.push(l) : l.start > r ? o.push(l) : c.push(l);
     return {
-      center: o,
+      center: r,
       left: this.buildNode(d),
-      right: this.buildNode(s),
+      right: this.buildNode(o),
       overlapping: c
     };
   }
@@ -180,15 +180,15 @@ class Ii {
     const n = [];
     return this.queryNode(this.root, e, t, n), n;
   }
-  queryNode(e, t, n, o) {
+  queryNode(e, t, n, r) {
     if (e !== null) {
       for (const d of e.overlapping)
-        d.start <= n && d.end >= t && o.push(d.item);
-      t <= e.center && e.left !== null && this.queryNode(e.left, t, n, o), n >= e.center && e.right !== null && this.queryNode(e.right, t, n, o);
+        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 Ri {
+class _i {
   constructor(e, t) {
     Object.defineProperty(this, "lineHeight", {
       enumerable: !0,
@@ -214,65 +214,65 @@ class Ri {
   }
   computeLayout(e, t, n) {
     this.layoutCache = /* @__PURE__ */ new Map(), this.groupMaxStack = /* @__PURE__ */ new Map();
-    const o = this.lineHeight * this.itemHeightRatio, d = o * 0.6;
+    const r = this.lineHeight * this.itemHeightRatio, d = r * 0.6;
     if (!t) {
       for (const c of e) {
-        const a = (n == null ? void 0 : n.isParent(c.id)) ?? !1;
-        this.layoutCache.set(c.id, { stackLevel: 0, itemHeight: a ? d : o }), this.groupMaxStack.set(c.group, 0);
+        const l = (n == null ? void 0 : n.isParent(c.id)) ?? !1;
+        this.layoutCache.set(c.id, { stackLevel: 0, itemHeight: l ? d : r }), this.groupMaxStack.set(c.group, 0);
       }
       return this.layoutCache;
     }
-    const s = /* @__PURE__ */ new Map();
+    const o = /* @__PURE__ */ new Map();
     for (const c of e) {
-      let a = s.get(c.group);
-      a || (a = [], s.set(c.group, a)), a.push(c);
+      let l = o.get(c.group);
+      l || (l = [], o.set(c.group, l)), l.push(c);
     }
-    for (const [c, a] of s)
-      n ? this.computeHierarchyLayout(a, n, o, d, c) : this.computeFlatLayout(a, o, c);
+    for (const [c, l] of o)
+      n ? this.computeHierarchyLayout(l, n, r, d, c) : this.computeFlatLayout(l, r, c);
     return this.layoutCache;
   }
   computeFlatLayout(e, t, n) {
-    e.sort((s, c) => {
-      const a = s.start_time - c.start_time;
-      return a !== 0 ? a : c.end_time - c.start_time - (s.end_time - s.start_time);
+    e.sort((o, c) => {
+      const l = o.start_time - c.start_time;
+      return l !== 0 ? l : c.end_time - c.start_time - (o.end_time - o.start_time);
     });
-    const o = [];
+    const r = [];
     let d = 0;
-    for (const s of e) {
+    for (const o of e) {
       let c = -1;
-      for (let a = 0; a < o.length; a++)
-        if (o[a] <= s.start_time) {
-          c = a;
+      for (let l = 0; l < r.length; l++)
+        if (r[l] <= o.start_time) {
+          c = l;
           break;
         }
-      c === -1 ? (c = o.length, o.push(s.end_time)) : o[c] = s.end_time, c > d && (d = c), this.layoutCache.set(s.id, { stackLevel: c, itemHeight: t });
+      c === -1 ? (c = r.length, r.push(o.end_time)) : r[c] = o.end_time, c > d && (d = c), this.layoutCache.set(o.id, { stackLevel: c, itemHeight: t });
     }
     this.groupMaxStack.set(n, d);
   }
-  computeHierarchyLayout(e, t, n, o, d) {
-    const s = [], c = [];
-    for (const p of e)
-      t.isParent(p.id) ? c.push(p) : s.push(p);
-    s.sort((p, f) => {
-      const M = p.start_time - f.start_time;
-      return M !== 0 ? M : f.end_time - f.start_time - (p.end_time - p.start_time);
+  computeHierarchyLayout(e, t, n, r, d) {
+    const o = [], c = [];
+    for (const h of e)
+      t.isParent(h.id) ? c.push(h) : o.push(h);
+    o.sort((h, f) => {
+      const M = h.start_time - f.start_time;
+      return M !== 0 ? M : f.end_time - f.start_time - (h.end_time - h.start_time);
     });
-    const a = [];
-    let b = 0;
-    for (const p of s) {
+    const l = [];
+    let v = 0;
+    for (const h of o) {
       let f = -1;
-      for (let M = 0; M < a.length; M++)
-        if (a[M] <= p.start_time) {
+      for (let M = 0; M < l.length; M++)
+        if (l[M] <= h.start_time) {
           f = M;
           break;
         }
-      f === -1 ? (f = a.length, a.push(p.end_time)) : a[f] = p.end_time, f > b && (b = f), this.layoutCache.set(p.id, { stackLevel: f, itemHeight: n });
+      f === -1 ? (f = l.length, l.push(h.end_time)) : l[f] = h.end_time, f > v && (v = f), this.layoutCache.set(h.id, { stackLevel: f, itemHeight: n });
     }
-    c.sort((p, f) => t.getNestingDepth(f.id) - t.getNestingDepth(p.id));
-    let H = s.length > 0 ? b + 1 : 0;
-    for (const p of c)
-      this.layoutCache.set(p.id, { stackLevel: H, itemHeight: o }), H > b && (b = H), H++;
-    this.groupMaxStack.set(d, b);
+    c.sort((h, f) => t.getNestingDepth(f.id) - t.getNestingDepth(h.id));
+    let C = o.length > 0 ? v + 1 : 0;
+    for (const h of c)
+      this.layoutCache.set(h.id, { stackLevel: C, itemHeight: r }), C > v && (v = C), C++;
+    this.groupMaxStack.set(d, v);
   }
   getLayout(e) {
     return this.layoutCache.get(e);
@@ -281,7 +281,7 @@ class Ri {
     return ((this.groupMaxStack.get(e) ?? 0) + 1) * this.lineHeight;
   }
 }
-class Oi {
+class Yi {
   constructor() {
     Object.defineProperty(this, "parentToChildren", {
       enumerable: !0,
@@ -317,19 +317,19 @@ class Oi {
       }
     for (const t of this.childToParent.keys()) {
       const n = /* @__PURE__ */ new Set();
-      let o = t;
-      for (; o !== void 0; ) {
-        if (n.has(o)) {
+      let r = t;
+      for (; r !== void 0; ) {
+        if (n.has(r)) {
           const d = this.childToParent.get(t);
           this.childToParent.delete(t);
-          const s = this.parentToChildren.get(d);
-          if (s) {
-            const c = s.indexOf(t);
-            c !== -1 && s.splice(c, 1), s.length === 0 && this.parentToChildren.delete(d);
+          const o = this.parentToChildren.get(d);
+          if (o) {
+            const c = o.indexOf(t);
+            c !== -1 && o.splice(c, 1), o.length === 0 && this.parentToChildren.delete(d);
           }
           break;
         }
-        n.add(o), o = this.childToParent.get(o);
+        n.add(r), r = this.childToParent.get(r);
       }
     }
   }
@@ -346,9 +346,9 @@ class Oi {
   getDescendants(e) {
     const t = [], n = [...this.getChildren(e)];
     for (; n.length > 0; ) {
-      const o = n.pop();
-      t.push(o);
-      const d = this.parentToChildren.get(o);
+      const r = n.pop();
+      t.push(r);
+      const d = this.parentToChildren.get(r);
       d && n.push(...d);
     }
     return t;
@@ -357,31 +357,31 @@ class Oi {
     const t = this.itemMap.get(e);
     if (!t)
       return { start: 0, end: 0 };
-    let n = t.start_time, o = t.end_time;
+    let n = t.start_time, r = t.end_time;
     const d = this.getDescendants(e);
-    for (const s of d) {
-      const c = this.itemMap.get(s);
-      c && (c.start_time < n && (n = c.start_time), c.end_time > o && (o = c.end_time));
+    for (const o of d) {
+      const c = this.itemMap.get(o);
+      c && (c.start_time < n && (n = c.start_time), c.end_time > r && (r = c.end_time));
     }
-    return { start: n, end: o };
+    return { start: n, end: r };
   }
   getNestingDepth(e) {
     const t = this.depthCache.get(e);
     if (t !== void 0)
       return t;
-    let n = 0, o = this.childToParent.get(e);
-    for (; o !== void 0; )
-      n++, o = this.childToParent.get(o);
+    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 o = t - n.start_time;
-    return this.getDescendants(e).map((s) => {
-      const c = this.itemMap.get(s);
-      return { itemId: s, newStart: c.start_time + o };
+    const r = t - n.start_time;
+    return this.getDescendants(e).map((o) => {
+      const c = this.itemMap.get(o);
+      return { itemId: o, newStart: c.start_time + r };
     });
   }
   getResizeConstraint(e, t) {
@@ -389,81 +389,88 @@ class Oi {
     if (n.length === 0)
       return t === "left" ? { min: -1 / 0, max: 1 / 0 } : { min: -1 / 0, max: 1 / 0 };
     if (t === "left") {
-      let o = 1 / 0;
+      let r = 1 / 0;
       for (const d of n) {
-        const s = this.itemMap.get(d);
-        s && s.start_time < o && (o = s.start_time);
+        const o = this.itemMap.get(d);
+        o && o.start_time < r && (r = o.start_time);
       }
-      return { min: -1 / 0, max: o };
+      return { min: -1 / 0, max: r };
     } else {
-      let o = -1 / 0;
+      let r = -1 / 0;
       for (const d of n) {
-        const s = this.itemMap.get(d);
-        s && s.end_time > o && (o = s.end_time);
+        const o = this.itemMap.get(d);
+        o && o.end_time > r && (r = o.end_time);
       }
-      return { min: o, max: 1 / 0 };
+      return { min: r, max: 1 / 0 };
     }
   }
 }
-function Pi(i, e, t, n, o, d) {
-  const { x: s, y: c, width: a, height: b } = t, H = d.primary;
-  i.globalAlpha = 0.15, i.fillStyle = H, i.fillRect(s, c, a, b), i.globalAlpha = 1, i.strokeStyle = H, i.lineWidth = 1.5, i.strokeRect(s, c, a, b);
-  const p = Math.min(b * 0.5, 6), f = c + b / 2;
-  i.fillStyle = H, i.beginPath(), i.moveTo(s, f), i.lineTo(s + p, f - p), i.lineTo(s + p * 2, f), i.lineTo(s + p, f + p), i.closePath(), i.fill(), i.beginPath(), i.moveTo(s + a, f), i.lineTo(s + a - p, f - p), i.lineTo(s + a - p * 2, f), i.lineTo(s + a - p, f + p), i.closePath(), i.fill();
+function Fi(i, e, t, n, r, d) {
+  const { x: o, y: c, width: l, height: v } = t, C = d.primary;
+  i.globalAlpha = 0.15, i.fillStyle = C, i.fillRect(o, c, l, v), i.globalAlpha = 1, i.strokeStyle = C, i.lineWidth = 1.5, i.strokeRect(o, c, l, v);
+  const h = Math.min(v * 0.5, 6), f = c + v / 2;
+  i.fillStyle = C, i.beginPath(), i.moveTo(o, f), i.lineTo(o + h, f - h), i.lineTo(o + h * 2, f), i.lineTo(o + h, f + h), i.closePath(), i.fill(), i.beginPath(), i.moveTo(o + l, f), i.lineTo(o + l - h, f - h), i.lineTo(o + l - h * 2, f), i.lineTo(o + l - h, f + h), i.closePath(), i.fill();
   const M = e.title;
-  if (M && a > 30) {
+  if (M && l > 30) {
     i.fillStyle = d.item.text, i.font = '500 11px -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif', i.textBaseline = "middle";
-    const T = i.measureText(M).width, h = a - p * 4 - 4;
-    if (h > 20) {
-      const E = T > h ? M.slice(0, Math.floor(M.length * h / T)) + "..." : M;
-      i.fillText(E, s + a / 2 - Math.min(T, h) / 2, f);
+    const T = i.measureText(M).width, m = l - h * 4 - 4;
+    if (m > 20) {
+      const E = T > m ? M.slice(0, Math.floor(M.length * m / T)) + "..." : M;
+      i.fillText(E, o + l / 2 - Math.min(T, m) / 2, f);
     }
   }
-  n.selected && (i.strokeStyle = d.item.selectedRing, i.lineWidth = 2, i.strokeRect(s - 1, c - 1, a + 2, b + 2));
+  n.selected && (i.strokeStyle = d.item.selectedRing, i.lineWidth = 2, i.strokeRect(o - 1, c - 1, l + 2, v + 2));
 }
-function Ue(i, e, t, n, o, d) {
-  const s = t.xToTime(i), c = /* @__PURE__ */ new Map();
-  for (let p = 0; p < d.length; p++)
-    c.set(d[p].id, p);
-  const a = n.query(s, s);
-  let b = null, H = -1 / 0;
-  for (const p of a) {
-    const f = c.get(p.group);
+function Ze(i, e, t, n, r, d) {
+  const o = t.xToTime(i), c = /* @__PURE__ */ new Map();
+  for (let h = 0; h < d.length; h++)
+    c.set(d[h].id, h);
+  const l = n.query(o, o);
+  let v = null, C = -1 / 0;
+  for (const h of l) {
+    const f = c.get(h.group);
     if (f === void 0)
       continue;
-    const M = o.getLayout(p.id);
+    const M = r.getLayout(h.id);
     if (!M)
       continue;
-    const T = t.timeToX(p.start_time), h = t.timeToX(p.end_time) - T;
-    if (i < T || i > T + h)
+    const T = t.timeToX(h.start_time), m = t.timeToX(h.end_time) - T;
+    if (i < T || i > T + m)
       continue;
-    const P = t.groupIndexToY(f) + M.stackLevel * t.lineHeight + (t.lineHeight - M.itemHeight) / 2, W = M.itemHeight;
-    e < P || e > P + W || P > H && (H = P, b = p);
+    const P = t.groupIndexToY(f) + M.stackLevel * t.lineHeight + (t.lineHeight - M.itemHeight) / 2, Y = M.itemHeight;
+    e < P || e > P + Y || P > C && (C = P, v = h);
   }
-  return b;
+  return v;
 }
-function Tt(i, e, t) {
+function St(i, e, t) {
   const n = e.yToGroupIndex(i);
   return t[n] ?? null;
 }
-function Gt(i, e, t, n = 6) {
-  const o = t.timeToX(e.start_time), d = t.timeToX(e.end_time);
-  return i - o <= n ? "left" : d - i <= n ? "right" : "body";
+function Zt(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(i, e) {
+function Wi(i, e) {
   return i.canResize ?? e;
 }
-function St(i, e, t) {
-  const n = window.devicePixelRatio || 1, o = Math.round(e * n), d = Math.round(t * n);
-  (i.width !== o || i.height !== d) && (i.width = o, i.height = d, i.style.width = `${e}px`, i.style.height = `${t}px`);
-  const s = i.getContext("2d");
-  return s.setTransform(n, 0, 0, n, 0, 0), s;
+function Bi(i, e) {
+  return i.canMove ?? e;
 }
-function Mt(i, e) {
+function Vt(i, e, t, n) {
+  const r = Wi(i, t);
+  return e === "left" && (r === "left" || r === "both") ? "resize-left" : e === "right" && (r === "right" || r === "both") ? "resize-right" : i.canResize === !1 && e !== "body" ? null : Bi(i, n) ? "move" : null;
+}
+function Mt(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 o = i.getContext("2d");
+  return o.setTransform(n, 0, 0, n, 0, 0), o;
+}
+function wt(i, e) {
   const t = window.devicePixelRatio || 1;
   i.clearRect(0, 0, e.width / t, e.height / t);
 }
-class Xi {
+class zi {
   constructor(e) {
     Object.defineProperty(this, "dirty", {
       enumerable: !0,
@@ -503,244 +510,244 @@ var lt = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : t
 function at(i) {
   return i && i.__esModule && Object.prototype.hasOwnProperty.call(i, "default") ? i.default : i;
 }
-var ti = { exports: {} };
+var ri = { exports: {} };
 (function(i, e) {
   (function(t, n) {
     i.exports = n();
   })(lt, function() {
-    var t = "minute", n = /[+-]\d\d(?::?\d\d)?/g, o = /([+-]|\d\d)/g;
-    return function(d, s, c) {
-      var a = s.prototype;
-      c.utc = function(h) {
-        var E = { date: h, utc: !0, args: arguments };
-        return new s(E);
-      }, a.utc = function(h) {
+    var t = "minute", n = /[+-]\d\d(?::?\d\d)?/g, r = /([+-]|\d\d)/g;
+    return function(d, o, c) {
+      var l = o.prototype;
+      c.utc = function(m) {
+        var E = { date: m, utc: !0, args: arguments };
+        return new o(E);
+      }, l.utc = function(m) {
         var E = c(this.toDate(), { locale: this.$L, utc: !0 });
-        return h ? E.add(this.utcOffset(), t) : E;
-      }, a.local = function() {
+        return m ? E.add(this.utcOffset(), t) : E;
+      }, l.local = function() {
         return c(this.toDate(), { locale: this.$L, utc: !1 });
       };
-      var b = a.parse;
-      a.parse = function(h) {
-        h.utc && (this.$u = !0), this.$utils().u(h.$offset) || (this.$offset = h.$offset), b.call(this, h);
+      var v = l.parse;
+      l.parse = function(m) {
+        m.utc && (this.$u = !0), this.$utils().u(m.$offset) || (this.$offset = m.$offset), v.call(this, m);
       };
-      var H = a.init;
-      a.init = function() {
+      var C = l.init;
+      l.init = function() {
         if (this.$u) {
-          var h = this.$d;
-          this.$y = h.getUTCFullYear(), this.$M = h.getUTCMonth(), this.$D = h.getUTCDate(), this.$W = h.getUTCDay(), this.$H = h.getUTCHours(), this.$m = h.getUTCMinutes(), this.$s = h.getUTCSeconds(), this.$ms = h.getUTCMilliseconds();
-        } else H.call(this);
+          var m = this.$d;
+          this.$y = m.getUTCFullYear(), this.$M = m.getUTCMonth(), this.$D = m.getUTCDate(), this.$W = m.getUTCDay(), this.$H = m.getUTCHours(), this.$m = m.getUTCMinutes(), this.$s = m.getUTCSeconds(), this.$ms = m.getUTCMilliseconds();
+        } else C.call(this);
       };
-      var p = a.utcOffset;
-      a.utcOffset = function(h, E) {
+      var h = l.utcOffset;
+      l.utcOffset = function(m, E) {
         var P = this.$utils().u;
-        if (P(h)) return this.$u ? 0 : P(this.$offset) ? p.call(this) : this.$offset;
-        if (typeof h == "string" && (h = function(w) {
+        if (P(m)) return this.$u ? 0 : P(this.$offset) ? h.call(this) : this.$offset;
+        if (typeof m == "string" && (m = function(w) {
           w === void 0 && (w = "");
           var $ = w.match(n);
           if (!$) return null;
-          var B = ("" + $[0]).match(o) || ["-", 0, 0], I = B[0], A = 60 * +B[1] + +B[2];
-          return A === 0 ? 0 : I === "+" ? A : -A;
-        }(h), h === null)) return this;
-        var W = Math.abs(h) <= 16 ? 60 * h : h;
-        if (W === 0) return this.utc(E);
+          var B = ("" + $[0]).match(r) || ["-", 0, 0], I = B[0], x = 60 * +B[1] + +B[2];
+          return x === 0 ? 0 : I === "+" ? x : -x;
+        }(m), m === null)) return this;
+        var Y = Math.abs(m) <= 16 ? 60 * m : m;
+        if (Y === 0) return this.utc(E);
         var y = this.clone();
-        if (E) return y.$offset = W, y.$u = !1, y;
-        var D = this.$u ? this.toDate().getTimezoneOffset() : -1 * this.utcOffset();
-        return (y = this.local().add(W + D, t)).$offset = W, y.$x.$localOffset = D, y;
+        if (E) return y.$offset = Y, y.$u = !1, y;
+        var H = this.$u ? this.toDate().getTimezoneOffset() : -1 * this.utcOffset();
+        return (y = this.local().add(Y + H, t)).$offset = Y, y.$x.$localOffset = H, y;
       };
-      var f = a.format;
-      a.format = function(h) {
-        var E = h || (this.$u ? "YYYY-MM-DDTHH:mm:ss[Z]" : "");
+      var f = l.format;
+      l.format = function(m) {
+        var E = m || (this.$u ? "YYYY-MM-DDTHH:mm:ss[Z]" : "");
         return f.call(this, E);
-      }, a.valueOf = function() {
-        var h = this.$utils().u(this.$offset) ? 0 : this.$offset + (this.$x.$localOffset || this.$d.getTimezoneOffset());
-        return this.$d.valueOf() - 6e4 * h;
-      }, a.isUTC = function() {
+      }, l.valueOf = function() {
+        var m = this.$utils().u(this.$offset) ? 0 : this.$offset + (this.$x.$localOffset || this.$d.getTimezoneOffset());
+        return this.$d.valueOf() - 6e4 * m;
+      }, l.isUTC = function() {
         return !!this.$u;
-      }, a.toISOString = function() {
+      }, l.toISOString = function() {
         return this.toDate().toISOString();
-      }, a.toString = function() {
+      }, l.toString = function() {
         return this.toDate().toUTCString();
       };
-      var M = a.toDate;
-      a.toDate = function(h) {
-        return h === "s" && this.$offset ? c(this.format("YYYY-MM-DD HH:mm:ss:SSS")).toDate() : M.call(this);
+      var M = l.toDate;
+      l.toDate = function(m) {
+        return m === "s" && this.$offset ? c(this.format("YYYY-MM-DD HH:mm:ss:SSS")).toDate() : M.call(this);
       };
-      var T = a.diff;
-      a.diff = function(h, E, P) {
-        if (h && this.$u === h.$u) return T.call(this, h, E, P);
-        var W = this.local(), y = c(h).local();
-        return T.call(W, y, E, P);
+      var T = l.diff;
+      l.diff = function(m, E, P) {
+        if (m && this.$u === m.$u) return T.call(this, m, E, P);
+        var Y = this.local(), y = c(m).local();
+        return T.call(Y, y, E, P);
       };
     };
   });
-})(ti);
-var $i = ti.exports;
-const Fi = /* @__PURE__ */ at($i);
-var ii = { exports: {} };
+})(ri);
+var Li = ri.exports;
+const xi = /* @__PURE__ */ at(Li);
+var oi = { exports: {} };
 (function(i, e) {
   (function(t, n) {
     i.exports = n();
   })(lt, function() {
     var t = { year: 0, month: 1, day: 2, hour: 3, minute: 4, second: 5 }, n = {};
-    return function(o, d, s) {
-      var c, a = function(f, M, T) {
+    return function(r, d, o) {
+      var c, l = function(f, M, T) {
         T === void 0 && (T = {});
-        var h = new Date(f), E = function(P, W) {
-          W === void 0 && (W = {});
-          var y = W.timeZoneName || "short", D = P + "|" + y, w = n[D];
-          return w || (w = new Intl.DateTimeFormat("en-US", { hour12: !1, timeZone: P, year: "numeric", month: "2-digit", day: "2-digit", hour: "2-digit", minute: "2-digit", second: "2-digit", timeZoneName: y }), n[D] = w), w;
+        var m = new Date(f), E = function(P, Y) {
+          Y === void 0 && (Y = {});
+          var y = Y.timeZoneName || "short", H = P + "|" + y, w = n[H];
+          return w || (w = new Intl.DateTimeFormat("en-US", { hour12: !1, timeZone: P, year: "numeric", month: "2-digit", day: "2-digit", hour: "2-digit", minute: "2-digit", second: "2-digit", timeZoneName: y }), n[H] = w), w;
         }(M, T);
-        return E.formatToParts(h);
-      }, b = function(f, M) {
-        for (var T = a(f, M), h = [], E = 0; E < T.length; E += 1) {
-          var P = T[E], W = P.type, y = P.value, D = t[W];
-          D >= 0 && (h[D] = parseInt(y, 10));
+        return E.formatToParts(m);
+      }, v = function(f, M) {
+        for (var T = l(f, M), m = [], E = 0; E < T.length; E += 1) {
+          var P = T[E], Y = P.type, y = P.value, H = t[Y];
+          H >= 0 && (m[H] = parseInt(y, 10));
         }
-        var w = h[3], $ = w === 24 ? 0 : w, B = h[0] + "-" + h[1] + "-" + h[2] + " " + $ + ":" + h[4] + ":" + h[5] + ":000", I = +f;
-        return (s.utc(B).valueOf() - (I -= I % 1e3)) / 6e4;
-      }, H = d.prototype;
-      H.tz = function(f, M) {
+        var w = m[3], $ = w === 24 ? 0 : w, B = m[0] + "-" + m[1] + "-" + m[2] + " " + $ + ":" + m[4] + ":" + m[5] + ":000", I = +f;
+        return (o.utc(B).valueOf() - (I -= I % 1e3)) / 6e4;
+      }, C = d.prototype;
+      C.tz = function(f, M) {
         f === void 0 && (f = c);
-        var T, h = this.utcOffset(), E = this.toDate(), P = E.toLocaleString("en-US", { timeZone: f }), W = Math.round((E - new Date(P)) / 1e3 / 60), y = 15 * -Math.round(E.getTimezoneOffset() / 15) - W;
+        var T, m = this.utcOffset(), E = this.toDate(), P = E.toLocaleString("en-US", { timeZone: f }), Y = Math.round((E - new Date(P)) / 1e3 / 60), y = 15 * -Math.round(E.getTimezoneOffset() / 15) - Y;
         if (!Number(y)) T = this.utcOffset(0, M);
-        else if (T = s(P, { locale: this.$L }).$set("millisecond", this.$ms).utcOffset(y, !0), M) {
-          var D = T.utcOffset();
-          T = T.add(h - D, "minute");
+        else if (T = o(P, { locale: this.$L }).$set("millisecond", this.$ms).utcOffset(y, !0), M) {
+          var H = T.utcOffset();
+          T = T.add(m - H, "minute");
         }
         return T.$x.$timezone = f, T;
-      }, H.offsetName = function(f) {
-        var M = this.$x.$timezone || s.tz.guess(), T = a(this.valueOf(), M, { timeZoneName: f }).find(function(h) {
-          return h.type.toLowerCase() === "timezonename";
+      }, C.offsetName = function(f) {
+        var M = this.$x.$timezone || o.tz.guess(), T = l(this.valueOf(), M, { timeZoneName: f }).find(function(m) {
+          return m.type.toLowerCase() === "timezonename";
         });
         return T && T.value;
       };
-      var p = H.startOf;
-      H.startOf = function(f, M) {
-        if (!this.$x || !this.$x.$timezone) return p.call(this, f, M);
-        var T = s(this.format("YYYY-MM-DD HH:mm:ss:SSS"), { locale: this.$L });
-        return p.call(T, f, M).tz(this.$x.$timezone, !0);
-      }, s.tz = function(f, M, T) {
-        var h = T && M, E = T || M || c, P = b(+s(), E);
-        if (typeof f != "string") return s(f).tz(E);
-        var W = function($, B, I) {
-          var A = $ - 60 * B * 1e3, F = b(A, I);
-          if (B === F) return [A, B];
-          var se = b(A -= 60 * (F - B) * 1e3, I);
-          return F === se ? [A, F] : [$ - 60 * Math.min(F, se) * 1e3, Math.max(F, se)];
-        }(s.utc(f, h).valueOf(), P, E), y = W[0], D = W[1], w = s(y).utcOffset(D);
+      var h = C.startOf;
+      C.startOf = function(f, M) {
+        if (!this.$x || !this.$x.$timezone) return h.call(this, f, M);
+        var T = o(this.format("YYYY-MM-DD HH:mm:ss:SSS"), { locale: this.$L });
+        return h.call(T, f, M).tz(this.$x.$timezone, !0);
+      }, o.tz = function(f, M, T) {
+        var m = T && M, E = T || M || c, P = v(+o(), E);
+        if (typeof f != "string") return o(f).tz(E);
+        var Y = function($, B, I) {
+          var x = $ - 60 * B * 1e3, _ = v(x, I);
+          if (B === _) return [x, B];
+          var ee = v(x -= 60 * (_ - B) * 1e3, I);
+          return _ === ee ? [x, _] : [$ - 60 * Math.min(_, ee) * 1e3, Math.max(_, ee)];
+        }(o.utc(f, m).valueOf(), P, E), y = Y[0], H = Y[1], w = o(y).utcOffset(H);
         return w.$x.$timezone = E, w;
-      }, s.tz.guess = function() {
+      }, o.tz.guess = function() {
         return Intl.DateTimeFormat().resolvedOptions().timeZone;
-      }, s.tz.setDefault = function(f) {
+      }, o.tz.setDefault = function(f) {
         c = f;
       };
     };
   });
-})(ii);
-var Yi = ii.exports;
-const _i = /* @__PURE__ */ at(Yi);
-We.extend(Fi);
-We.extend(_i);
-function Te(i, e) {
+})(oi);
+var Ai = oi.exports;
+const ji = /* @__PURE__ */ at(Ai);
+We.extend(xi);
+We.extend(ji);
+function pe(i, e) {
   return e ? We(i).tz(e) : We(i);
 }
-class Wi {
-  draw(e, t, n, o, d, s, c, a) {
-    const { firstVisible: b, lastVisible: H } = t.getVisibleGroupRange();
-    for (let y = b; y <= H; y++) {
-      const D = t.groupIndexToY(y), w = t.groupIndexToHeight(y), $ = n[y];
+class Gi {
+  draw(e, t, n, r, d, o, c, l) {
+    const { firstVisible: v, lastVisible: C } = t.getVisibleGroupRange();
+    for (let y = v; y <= C; y++) {
+      const H = t.groupIndexToY(y), w = t.groupIndexToHeight(y), $ = n[y];
       if (!$)
         continue;
       let B;
-      const I = s == null ? void 0 : s($);
-      I != null && I.backgroundColor ? B = I.backgroundColor : B = y % 2 === 0 ? "#FFFFFF" : o.grid.rowAlt, e.fillStyle = B, e.fillRect(0, D, t.canvasWidth, w), e.strokeStyle = (I == null ? void 0 : I.borderBottomColor) ?? o.grid.line, e.lineWidth = 0.5, e.beginPath(), e.moveTo(0, D + w), e.lineTo(t.canvasWidth, D + w), e.stroke();
+      const I = o == null ? void 0 : o($);
+      I != null && I.backgroundColor ? B = I.backgroundColor : B = y % 2 === 0 ? "#FFFFFF" : r.grid.rowAlt, e.fillStyle = B, e.fillRect(0, H, t.canvasWidth, w), e.strokeStyle = (I == null ? void 0 : I.borderBottomColor) ?? r.grid.line, e.lineWidth = 0.5, e.beginPath(), e.moveTo(0, H + w), e.lineTo(t.canvasWidth, H + w), e.stroke();
     }
     if (c && c.length > 0)
       for (const y of c) {
-        const D = t.timeToX(y.start), w = t.timeToX(y.end);
-        if (w < 0 || D > t.canvasWidth)
+        const H = t.timeToX(y.start), w = t.timeToX(y.end);
+        if (w < 0 || H > t.canvasWidth)
           continue;
-        const $ = Math.max(0, D), B = Math.min(t.canvasWidth, w) - $, I = y.opacity ?? 0.12, A = parseInt(y.color.slice(1, 3), 16), F = parseInt(y.color.slice(3, 5), 16), se = parseInt(y.color.slice(5, 7), 16);
-        e.fillStyle = `rgb(${Math.round(A * I + 255 * (1 - I))},${Math.round(F * I + 255 * (1 - I))},${Math.round(se * I + 255 * (1 - I))})`, e.fillRect($, 0, B, t.canvasHeight);
+        const $ = Math.max(0, H), B = Math.min(t.canvasWidth, w) - $, I = y.opacity ?? 0.12, x = parseInt(y.color.slice(1, 3), 16), _ = parseInt(y.color.slice(3, 5), 16), ee = parseInt(y.color.slice(5, 7), 16);
+        e.fillStyle = `rgb(${Math.round(x * I + 255 * (1 - I))},${Math.round(_ * I + 255 * (1 - I))},${Math.round(ee * I + 255 * (1 - I))})`, e.fillRect($, 0, B, t.canvasHeight);
       }
-    const p = t.visibleTimeStart, f = t.visibleTimeEnd, h = 864e5 / (f - p) * t.canvasWidth;
+    const h = t.visibleTimeStart, f = t.visibleTimeEnd, m = 864e5 / (f - h) * t.canvasWidth;
     let E = "day";
-    h < 2 ? E = "month" : h < 8 && (E = "week");
+    m < 2 ? E = "month" : m < 8 && (E = "week");
     {
-      let y = Te(p, a).startOf("day");
-      const D = Te(f, a).endOf("day");
+      let y = pe(h, l).startOf("day");
+      const H = pe(f, l).endOf("day");
       let w = null, $ = 1, B = 0;
-      const I = [], A = (F) => {
-        w !== null && (e.fillStyle = w, $ !== 1 && (e.globalAlpha = $), e.fillRect(B, 0, F - B, t.canvasHeight), $ !== 1 && (e.globalAlpha = 1), w = null, $ = 1);
+      const I = [], x = (_) => {
+        w !== null && (e.fillStyle = w, $ !== 1 && (e.globalAlpha = $), e.fillRect(B, 0, _ - B, t.canvasHeight), $ !== 1 && (e.globalAlpha = 1), w = null, $ = 1);
       };
-      for (; y.isBefore(D); ) {
-        const F = t.timeToX(y.valueOf()), se = y.toDate(), K = d == null ? void 0 : d(se);
-        let te = null, be = 1;
-        if (K != null && K.backgroundColor)
-          te = K.backgroundColor, be = K.opacity ?? 1;
+      for (; y.isBefore(H); ) {
+        const _ = t.timeToX(y.valueOf()), ee = y.toDate(), U = d == null ? void 0 : d(ee);
+        let J = null, he = 1;
+        if (U != null && U.backgroundColor)
+          J = U.backgroundColor, he = U.opacity ?? 1;
         else {
-          const Se = y.day();
-          (Se === 0 || Se === 6) && (te = o.grid.weekend);
+          const ve = y.day();
+          (ve === 0 || ve === 6) && (J = r.grid.weekend);
         }
-        K != null && K.borderColor && I.push({ x: F, color: K.borderColor }), te === w && be === $ || (A(F), te !== null && (w = te, $ = be, B = F)), y = y.add(1, "day");
+        U != null && U.borderColor && I.push({ x: _, color: U.borderColor }), J === w && he === $ || (x(_), J !== null && (w = J, $ = he, B = _)), y = y.add(1, "day");
       }
-      w !== null && A(t.timeToX(y.valueOf()));
-      for (const F of I)
-        e.strokeStyle = F.color, e.lineWidth = 0.5, e.beginPath(), e.moveTo(F.x, 0), e.lineTo(F.x, t.canvasHeight), e.stroke();
+      w !== null && x(t.timeToX(y.valueOf()));
+      for (const _ of I)
+        e.strokeStyle = _.color, e.lineWidth = 0.5, e.beginPath(), e.moveTo(_.x, 0), e.lineTo(_.x, t.canvasHeight), e.stroke();
     }
-    let P = Te(p, a).startOf(E);
-    const W = Te(f, a).add(1, E);
-    for (e.strokeStyle = o.grid.line, e.lineWidth = 0.5, e.beginPath(); P.isBefore(W); ) {
+    let P = pe(h, l).startOf(E);
+    const Y = pe(f, l).add(1, E);
+    for (e.strokeStyle = r.grid.line, e.lineWidth = 0.5, e.beginPath(); P.isBefore(Y); ) {
       const y = t.timeToX(P.valueOf());
       e.moveTo(y, 0), e.lineTo(y, t.canvasHeight), P = P.add(1, E);
     }
     if (e.stroke(), c && c.length > 0)
       for (const y of c) {
-        const D = t.timeToX(y.start), w = t.timeToX(y.end);
-        if (!(w < 0 || D > t.canvasWidth) && (e.strokeStyle = y.color, e.globalAlpha = 0.4, e.lineWidth = 1, e.beginPath(), D >= 0 && D <= t.canvasWidth && (e.moveTo(D, 0), e.lineTo(D, t.canvasHeight)), w >= 0 && w <= t.canvasWidth && (e.moveTo(w, 0), e.lineTo(w, t.canvasHeight)), e.stroke(), e.globalAlpha = 1, y.label)) {
-          const $ = Math.max(0, D), B = Math.min(t.canvasWidth, w) - $;
+        const H = t.timeToX(y.start), w = t.timeToX(y.end);
+        if (!(w < 0 || H > t.canvasWidth) && (e.strokeStyle = y.color, e.globalAlpha = 0.4, e.lineWidth = 1, e.beginPath(), H >= 0 && H <= t.canvasWidth && (e.moveTo(H, 0), e.lineTo(H, t.canvasHeight)), w >= 0 && w <= t.canvasWidth && (e.moveTo(w, 0), e.lineTo(w, t.canvasHeight)), e.stroke(), e.globalAlpha = 1, y.label)) {
+          const $ = Math.max(0, H), B = Math.min(t.canvasWidth, w) - $;
           e.save(), e.font = '600 10px -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif';
-          const I = e.measureText(y.label).width, A = 6, F = I + A * 2, se = 18, K = $ + (B - F) / 2, te = 4;
-          e.fillStyle = y.color, e.globalAlpha = 0.9, e.beginPath(), e.roundRect(K, te, F, se, 3), e.fill(), e.globalAlpha = 1, e.fillStyle = "#FFFFFF", e.textBaseline = "middle", e.fillText(y.label, K + A, te + se / 2), e.restore();
+          const I = e.measureText(y.label).width, x = 6, _ = I + x * 2, ee = 18, U = $ + (B - _) / 2, J = 4;
+          e.fillStyle = y.color, e.globalAlpha = 0.9, e.beginPath(), e.roundRect(U, J, _, ee, 3), e.fill(), e.globalAlpha = 1, e.fillStyle = "#FFFFFF", e.textBaseline = "middle", e.fillText(y.label, U + x, J + ee / 2), e.restore();
         }
       }
   }
 }
-const Zt = '500 12px -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif';
-function ni(i, e) {
+const qt = '500 12px -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif';
+function si(i, e) {
   return {
     /**
      * Draws a filled rounded rectangle.
      * Default corner radius is 3px.
      */
-    roundRect(t, n, o, d, s = 3) {
-      i.beginPath(), i.roundRect(t, n, o, d, s), i.fill();
+    roundRect(t, n, r, d, o = 3) {
+      i.beginPath(), i.roundRect(t, n, r, d, o), 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(t, n, o, d) {
-      if (i.font = Zt, d !== void 0 && i.measureText(t).width > d) {
-        let s = 0, c = t.length;
-        for (; s < c; ) {
-          const a = Math.ceil((s + c) / 2), b = t.slice(0, a) + "...";
-          i.measureText(b).width <= d ? s = a : c = a - 1;
+    fillText(t, n, r, d) {
+      if (i.font = qt, d !== void 0 && i.measureText(t).width > d) {
+        let o = 0, c = t.length;
+        for (; o < c; ) {
+          const l = Math.ceil((o + c) / 2), v = t.slice(0, l) + "...";
+          i.measureText(v).width <= d ? o = l : c = l - 1;
         }
-        i.fillText(t.slice(0, s) + "...", n, o);
+        i.fillText(t.slice(0, o) + "...", n, r);
       } else
-        i.fillText(t, n, o);
+        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(t, n, o, d) {
-      const s = i.createLinearGradient(t, 0, t + n, 0);
-      return s.addColorStop(0, o), s.addColorStop(0.5, o), s.addColorStop(0.5, d), s.addColorStop(1, d), s;
+    gradient(t, n, r, d) {
+      const o = i.createLinearGradient(t, 0, t + n, 0);
+      return o.addColorStop(0, r), o.addColorStop(0.5, r), o.addColorStop(0.5, d), o.addColorStop(1, d), o;
     },
     /**
      * Draws a vertical colored bar on the left edge of the item bounds.
@@ -754,124 +761,124 @@ function ni(i, e) {
      * Supported types: 'check', 'danger-red', 'danger-yellow'.
      * Default size is 14px.
      */
-    icon(t, n, o, d = 14) {
+    icon(t, n, r, d = 14) {
       i.save();
-      const s = d / 2;
+      const o = d / 2;
       if (t === "check") {
-        i.fillStyle = "#31c48d", i.beginPath(), i.arc(n + s, o + s, s, 0, Math.PI * 2), i.fill(), i.strokeStyle = "#ffffff", i.lineWidth = d * 0.12, i.beginPath();
-        const c = n + s, a = o + s;
-        i.moveTo(c - s * 0.45, a), i.lineTo(c - s * 0.1, a + s * 0.42), i.lineTo(c + s * 0.45, a - s * 0.35), i.stroke();
+        i.fillStyle = "#31c48d", i.beginPath(), i.arc(n + o, r + o, o, 0, Math.PI * 2), i.fill(), i.strokeStyle = "#ffffff", i.lineWidth = d * 0.12, i.beginPath();
+        const c = n + o, l = r + o;
+        i.moveTo(c - o * 0.45, l), i.lineTo(c - o * 0.1, l + o * 0.42), i.lineTo(c + o * 0.45, l - o * 0.35), i.stroke();
       } else if (t === "danger-red" || t === "danger-yellow") {
         const c = t === "danger-red" ? "#EF5350" : "#FBBF24";
-        i.fillStyle = c, i.beginPath(), i.moveTo(n + s, o), i.lineTo(n + d, o + d), i.lineTo(n, o + d), i.closePath(), i.fill(), i.fillStyle = "#ffffff";
-        const a = d * 0.12, b = n + s - a / 2;
-        i.fillRect(b, o + d * 0.35, a, d * 0.35), i.beginPath(), i.arc(n + s, o + d * 0.82, a * 0.7, 0, Math.PI * 2), i.fill();
+        i.fillStyle = c, i.beginPath(), i.moveTo(n + o, r), i.lineTo(n + d, r + d), i.lineTo(n, r + d), i.closePath(), i.fill(), i.fillStyle = "#ffffff";
+        const l = d * 0.12, v = n + o - l / 2;
+        i.fillRect(v, r + d * 0.35, l, d * 0.35), i.beginPath(), i.arc(n + o, r + d * 0.82, l * 0.7, 0, Math.PI * 2), i.fill();
       }
       i.restore();
     },
     /**
      * Draws a pill-shaped badge with centered white text on a colored background.
      */
-    badge(t, n, o, d) {
-      i.save(), i.font = Zt;
-      const c = i.measureText(t).width, a = 8, H = 12 + 3 * 2, p = c + a * 2, f = H / 2;
-      i.fillStyle = d, i.beginPath(), i.roundRect(n, o, p, H, f), i.fill(), i.fillStyle = "#ffffff", i.textAlign = "center", i.textBaseline = "middle", i.fillText(t, n + p / 2, o + H / 2), i.restore();
+    badge(t, n, r, d) {
+      i.save(), i.font = qt;
+      const c = i.measureText(t).width, l = 8, C = 12 + 3 * 2, h = c + l * 2, f = C / 2;
+      i.fillStyle = d, i.beginPath(), i.roundRect(n, r, h, C, f), i.fill(), i.fillStyle = "#ffffff", i.textAlign = "center", i.textBaseline = "middle", i.fillText(t, n + h / 2, r + C / 2), i.restore();
     }
   };
 }
-class Bi {
-  draw(e, t, n, o, d, s, c, a, b, H, p, f, M, T) {
-    const h = (t.visibleTimeEnd - t.visibleTimeStart) * 0.1, E = t.visibleTimeStart - h, P = t.visibleTimeEnd + h, W = d.query(E, P), y = /* @__PURE__ */ new Map();
+class Ni {
+  draw(e, t, n, r, d, o, c, l, v, C, h, f, M, T) {
+    const m = (t.visibleTimeEnd - t.visibleTimeStart) * 0.1, E = t.visibleTimeStart - m, P = t.visibleTimeEnd + m, Y = d.query(E, P), y = /* @__PURE__ */ new Map();
     for (let I = 0; I < n.length; I++)
       y.set(n[I].id, I);
-    const D = new Set(H), w = /* @__PURE__ */ new Map(), $ = -t.lineHeight, B = t.canvasHeight + t.lineHeight;
-    for (const I of W) {
-      const A = y.get(I.group);
-      if (A === void 0)
+    const H = new Set(C), w = /* @__PURE__ */ new Map(), $ = -t.lineHeight, B = t.canvasHeight + t.lineHeight;
+    for (const I of Y) {
+      const x = y.get(I.group);
+      if (x === void 0)
         continue;
-      const F = s.getLayout(I.id);
-      if (!F)
+      const _ = o.getLayout(I.id);
+      if (!_)
         continue;
-      const K = t.groupIndexToY(A) + F.stackLevel * t.lineHeight + (t.lineHeight - F.itemHeight) / 2, te = F.itemHeight;
-      if (K + te < $ || K > B)
+      const U = t.groupIndexToY(x) + _.stackLevel * t.lineHeight + (t.lineHeight - _.itemHeight) / 2, J = _.itemHeight;
+      if (U + J < $ || U > B)
         continue;
-      const be = t.timeToX(I.start_time), Se = t.timeToX(I.end_time) - be, Me = { x: be, y: K, width: Se, height: te };
-      w.set(I.id, Me);
-      const Xe = {
-        selected: D.has(I.id),
-        hovered: p === I.id,
+      const he = t.timeToX(I.start_time), ve = t.timeToX(I.end_time) - he, be = { x: he, y: U, width: ve, height: J };
+      w.set(I.id, be);
+      const Pe = {
+        selected: H.has(I.id),
+        hovered: h === I.id,
         dragging: !1,
         filtered: I.filtered !== !1
       };
       e.save();
-      const qe = ni(e, Me);
-      let De;
-      M && (T != null && T.isParent(I.id)) ? De = M : a && (I.type === "control_area_group" || I.type === "construction_train") ? De = a : De = c, De(e, I, Me, Xe, qe), e.restore();
+      const qe = si(e, be);
+      let Ee;
+      M && (T != null && T.isParent(I.id)) ? Ee = M : l && (I.type === "control_area_group" || I.type === "construction_train") ? Ee = l : Ee = c, Ee(e, I, be, Pe, qe), e.restore();
     }
     if (f && f.length > 0) {
       const I = /* @__PURE__ */ new Set();
-      for (const A of f)
-        w.has(A.fromItemId) || I.add(A.fromItemId), w.has(A.toItemId) || I.add(A.toItemId);
+      for (const x of f)
+        w.has(x.fromItemId) || I.add(x.fromItemId), w.has(x.toItemId) || I.add(x.toItemId);
       if (I.size > 0) {
-        const A = /* @__PURE__ */ new Map();
-        for (const F of o)
-          I.has(F.id) && A.set(F.id, F);
-        for (const [F, se] of A) {
-          const K = y.get(se.group);
-          if (K === void 0)
+        const x = /* @__PURE__ */ new Map();
+        for (const _ of r)
+          I.has(_.id) && x.set(_.id, _);
+        for (const [_, ee] of x) {
+          const U = y.get(ee.group);
+          if (U === void 0)
             continue;
-          const te = s.getLayout(F);
-          if (!te)
+          const J = o.getLayout(_);
+          if (!J)
             continue;
-          const Se = t.groupIndexToY(K) + te.stackLevel * t.lineHeight + (t.lineHeight - te.itemHeight) / 2, Me = t.timeToX(se.start_time), Xe = t.timeToX(se.end_time) - Me;
-          w.set(F, { x: Me, y: Se, width: Xe, height: te.itemHeight });
+          const ve = t.groupIndexToY(U) + J.stackLevel * t.lineHeight + (t.lineHeight - J.itemHeight) / 2, be = t.timeToX(ee.start_time), Pe = t.timeToX(ee.end_time) - be;
+          w.set(_, { x: be, y: ve, width: Pe, height: J.itemHeight });
         }
       }
-      this.drawDependencies(e, f, w, p, b);
+      this.drawDependencies(e, f, w, h, v);
     }
   }
-  drawDependencies(e, t, n, o, d) {
-    for (const s of t) {
-      const c = n.get(s.fromItemId), a = n.get(s.toItemId);
-      if (!c || !a)
+  drawDependencies(e, t, n, r, d) {
+    for (const o of t) {
+      const c = n.get(o.fromItemId), l = n.get(o.toItemId);
+      if (!c || !l)
         continue;
-      const b = o === s.fromItemId || o === s.toItemId;
-      e.strokeStyle = b ? d.primary : s.color ?? "#94A3B8", e.lineWidth = b ? 2 : 1.5, e.setLineDash([]);
-      const H = c.x + c.width, p = c.y + c.height / 2, f = a.x, M = a.y + a.height / 2, T = Math.abs(f - H), h = Math.max(T * 0.4, 30);
-      e.beginPath(), e.moveTo(H, p), e.bezierCurveTo(H + h, p, f - h, M, f, M), e.stroke();
+      const v = r === o.fromItemId || r === o.toItemId;
+      e.strokeStyle = v ? d.primary : o.color ?? "#94A3B8", e.lineWidth = v ? 2 : 1.5, e.setLineDash([]);
+      const C = c.x + c.width, h = c.y + c.height / 2, f = l.x, M = l.y + l.height / 2, T = Math.abs(f - C), m = Math.max(T * 0.4, 30);
+      e.beginPath(), e.moveTo(C, h), e.bezierCurveTo(C + m, h, f - m, M, f, M), e.stroke();
       const E = 6;
       e.fillStyle = e.strokeStyle, e.beginPath(), e.moveTo(f, M), e.lineTo(f - E, M - E / 2), e.lineTo(f - E, M + E / 2), e.closePath(), e.fill();
     }
   }
 }
-class Li {
-  draw(e, t, n, o) {
-    const { cursorX: d, snapX: s, markers: c, interaction: a } = o;
+class Ui {
+  draw(e, t, n, r) {
+    const { cursorX: d, snapX: o, markers: c, interaction: l } = r;
     if (c)
-      for (const b of c) {
-        const H = t.timeToX(b.date);
-        if (e.fillStyle = b.color, e.fillRect(H - b.width / 2, 0, b.width, t.canvasHeight), b.label) {
+      for (const v of c) {
+        const C = t.timeToX(v.date);
+        if (e.fillStyle = v.color, e.fillRect(C - 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(b.label).width, f = 8, M = 200, T = Math.min(p + f * 2, M), h = 20, E = H - T / 2, P = 4;
-          e.fillStyle = b.color, e.beginPath(), e.roundRect(E, P, T, h, 3), e.fill(), e.fillStyle = "#FFFFFF", e.textBaseline = "middle";
-          const W = M - f * 2, y = p > W ? b.label.slice(0, Math.floor(b.label.length * W / p)) + "…" : b.label;
-          e.fillText(y, E + f, P + h / 2), e.restore();
+          const h = e.measureText(v.label).width, f = 8, M = 200, T = Math.min(h + f * 2, M), m = 20, E = C - T / 2, P = 4;
+          e.fillStyle = v.color, e.beginPath(), e.roundRect(E, P, T, m, 3), e.fill(), e.fillStyle = "#FFFFFF", e.textBaseline = "middle";
+          const Y = M - f * 2, y = h > Y ? v.label.slice(0, Math.floor(v.label.length * Y / h)) + "…" : v.label;
+          e.fillText(y, E + f, P + m / 2), 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()), s != null && (e.strokeStyle = n.primary, e.lineWidth = 1, e.setLineDash([4, 4]), e.beginPath(), e.moveTo(s, 0), e.lineTo(s, t.canvasHeight), e.stroke(), e.setLineDash([])), a) {
-      a.groupChanged && a.targetGroupY !== void 0 && (e.fillStyle = "rgba(59, 130, 246, 0.08)", e.fillRect(0, a.targetGroupY, t.canvasWidth, t.lineHeight)), e.save(), e.globalAlpha = 0.5;
-      const b = ni(e, a.bounds);
-      a.renderer(e, a.item, a.bounds, { selected: !1, hovered: !1, dragging: !0, filtered: !0 }, b), 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()), o != null && (e.strokeStyle = n.primary, e.lineWidth = 1, e.setLineDash([4, 4]), e.beginPath(), e.moveTo(o, 0), e.lineTo(o, t.canvasHeight), e.stroke(), e.setLineDash([])), l) {
+      l.groupChanged && l.targetGroupY !== void 0 && (e.fillStyle = "rgba(59, 130, 246, 0.08)", e.fillRect(0, l.targetGroupY, t.canvasWidth, t.lineHeight)), e.save(), e.globalAlpha = 0.5;
+      const v = si(e, l.bounds);
+      l.renderer(e, l.item, l.bounds, { selected: !1, hovered: !1, dragging: !0, filtered: !0 }, v), e.restore();
     }
   }
 }
-const Ut = 120;
-function zi(i) {
+const Kt = 120;
+function Zi(i) {
   let e = i.deltaY || i.deltaX;
-  return i.deltaMode === 1 ? e *= 15 : i.deltaMode === 2 && (e *= 800), Math.max(-Ut, Math.min(Ut, e));
+  return i.deltaMode === 1 ? e *= 15 : i.deltaMode === 2 && (e *= 800), Math.max(-Kt, Math.min(Kt, e));
 }
-class xi {
-  constructor(e, t, n, o, d) {
+class Vi {
+  constructor(e, t, n, r, d) {
     Object.defineProperty(this, "onZoom", {
       enumerable: !0,
       configurable: !0,
@@ -897,21 +904,21 @@ class xi {
       configurable: !0,
       writable: !0,
       value: void 0
-    }), this.onZoom = e, this.visibleTimeStart = t, this.visibleTimeEnd = n, this.minZoom = o, this.maxZoom = d;
+    }), this.onZoom = e, this.visibleTimeStart = t, this.visibleTimeEnd = n, this.minZoom = r, this.maxZoom = d;
   }
   updateBounds(e, t) {
     this.visibleTimeStart = e, this.visibleTimeEnd = t;
   }
   handleWheelZoom(e, t) {
-    const n = zi(e), o = e.ctrlKey ? 10 : e.metaKey ? 3 : 1, d = n > 0 ? 1 + o * n / 500 : 1 / (1 + o * -n / 500), s = this.visibleTimeEnd - this.visibleTimeStart;
-    let c = Math.round(s * d);
+    const n = Zi(e), r = e.ctrlKey ? 10 : e.metaKey ? 3 : 1, d = n > 0 ? 1 + r * n / 500 : 1 / (1 + r * -n / 500), o = this.visibleTimeEnd - this.visibleTimeStart;
+    let c = Math.round(o * d);
     c = Math.max(this.minZoom, Math.min(this.maxZoom, c));
-    const a = Math.round(this.visibleTimeStart + (s - c) * t), b = a + c;
-    this.onZoom(a, b);
+    const l = Math.round(this.visibleTimeStart + (o - c) * t), v = l + c;
+    this.onZoom(l, v);
   }
 }
-const Ai = 4;
-class ji {
+const qi = 4;
+class Ki {
   constructor(e) {
     Object.defineProperty(this, "state", {
       enumerable: !0,
@@ -930,21 +937,21 @@ class ji {
       value: !1
     }), this.dragSnap = e;
   }
-  startInteraction(e, t, n, o) {
+  startInteraction(e, t, n, r) {
     this.state = {
       item: e,
       mode: t,
       startX: n,
-      startY: o,
+      startY: r,
       currentX: n,
-      currentY: o,
+      currentY: r,
       deltaX: 0,
       originalGroup: e.group,
       currentGroup: e.group
     }, this.activated = !1;
   }
   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) >= Ai && (this.activated = !0));
+    this.state && (this.state.currentX = e, this.state.currentY = t, this.state.deltaX = e - this.state.startX, !this.activated && Math.abs(this.state.deltaX) >= qi && (this.activated = !0));
   }
   setCurrentGroup(e) {
     this.state && (this.state.currentGroup = e);
@@ -952,14 +959,14 @@ class ji {
   endMove(e) {
     if (!this.state)
       return null;
-    const t = this.state.deltaX / e, n = this.state.item.start_time + t, o = Math.round(n / this.dragSnap) * this.dragSnap, d = this.state.currentGroup;
-    return this.state = null, this.activated = !1, { newStartTime: o, newGroupId: d };
+    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 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, s = Math.round(d / this.dragSnap) * this.dragSnap;
-    return this.state = null, this.activated = !1, { newTime: s, edge: n };
+    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, o = Math.round(d / this.dragSnap) * this.dragSnap;
+    return this.state = null, this.activated = !1, { newTime: o, edge: n };
   }
   cancel() {
     this.state = null, this.activated = !1;
@@ -978,85 +985,106 @@ class ji {
     return this.state !== null;
   }
 }
-function wt(i, e, t) {
+function kt(i, e, t) {
   const n = [];
-  for (const o of i)
-    o.id !== e && (n.push(t(o.start_time)), n.push(t(o.end_time)));
+  for (const r of i)
+    r.id !== e && (n.push(t(r.start_time)), n.push(t(r.end_time)));
   return n;
 }
-function st(i, e, t, n, o) {
+function st(i, e, t, n, r) {
   if (e.length === 0)
     return null;
-  let d = e[0], s = Math.abs(i - d);
+  let d = e[0], o = Math.abs(i - d);
   for (let c = 1; c < e.length; c++) {
-    const a = Math.abs(i - e[c]);
-    a < s && (s = a, d = e[c]);
+    const l = Math.abs(i - e[c]);
+    l < o && (o = l, d = e[c]);
   }
-  return s <= t ? d : null;
+  return o <= t ? d : null;
 }
-var ri = { exports: {} };
+function li(i, e, t) {
+  const n = t.canvasWidth / (e.visibleTimeEnd - e.visibleTimeStart), r = i.deltaX / n, d = i.item.start_time + r, o = (e.visibleTimeEnd - e.visibleTimeStart) * 0.1, c = t.intervalTree.query(e.visibleTimeStart - o, e.visibleTimeEnd + o), l = kt(c, i.item.id, (h) => e.timeToX(h)), v = st(e.timeToX(d), l, 8, n, t.dragSnap);
+  if (v !== null)
+    return e.xToTime(v);
+  const C = st(e.timeToX(i.item.end_time + r), l, 8, n, t.dragSnap);
+  return C !== null ? e.xToTime(C) - (i.item.end_time - i.item.start_time) : Math.round(d / t.dragSnap) * t.dragSnap;
+}
+function ai(i, e, t) {
+  const n = t.canvasWidth / (e.visibleTimeEnd - e.visibleTimeStart), r = i.deltaX / n, d = i.mode === "resize-left" ? "left" : "right", o = (d === "left" ? i.item.start_time : i.item.end_time) + r, c = (e.visibleTimeEnd - e.visibleTimeStart) * 0.1, l = t.intervalTree.query(e.visibleTimeStart - c, e.visibleTimeEnd + c), v = kt(l, i.item.id, (M) => e.timeToX(M)), C = st(e.timeToX(o), v, 8, n, t.dragSnap);
+  let h = C !== null ? e.xToTime(C) : Math.round(o / t.dragSnap) * t.dragSnap;
+  const f = t.hierarchyEngine.getResizeConstraint(i.item.id, d);
+  return d === "left" && h > f.max ? h = f.max : d === "right" && h < f.min && (h = f.min), { edge: d, time: h };
+}
+function Ji(i, e, t, n) {
+  if (i.mode === "move") {
+    const l = li(i, e, t), v = i.item.end_time - i.item.start_time;
+    return { itemId: i.item.id, mode: "move", time: l, startTime: l, endTime: l + v, pointerX: n.x, pointerY: n.y };
+  }
+  const { edge: r, time: d } = ai(i, e, t), o = r === "left" ? d : i.item.start_time, c = r === "right" ? d : i.item.end_time;
+  return { itemId: i.item.id, mode: i.mode, edge: r, time: d, startTime: o, endTime: c, pointerX: n.x, pointerY: n.y };
+}
+var ui = { exports: {} };
 (function(i, e) {
   (function(t, n) {
     i.exports = n();
   })(lt, function() {
     var t = "day";
-    return function(n, o, d) {
-      var s = function(b) {
-        return b.add(4 - b.isoWeekday(), t);
-      }, c = o.prototype;
+    return function(n, r, d) {
+      var o = function(v) {
+        return v.add(4 - v.isoWeekday(), t);
+      }, c = r.prototype;
       c.isoWeekYear = function() {
-        return s(this).year();
-      }, c.isoWeek = function(b) {
-        if (!this.$utils().u(b)) return this.add(7 * (b - this.isoWeek()), t);
-        var H, p, f, M, T = s(this), h = (H = this.isoWeekYear(), p = this.$u, f = (p ? d.utc : d)().year(H).startOf("year"), M = 4 - f.isoWeekday(), f.isoWeekday() > 4 && (M += 7), f.add(M, t));
-        return T.diff(h, "week") + 1;
-      }, c.isoWeekday = function(b) {
-        return this.$utils().u(b) ? this.day() || 7 : this.day(this.day() % 7 ? b : b - 7);
+        return o(this).year();
+      }, c.isoWeek = function(v) {
+        if (!this.$utils().u(v)) return this.add(7 * (v - this.isoWeek()), t);
+        var C, h, f, M, T = o(this), m = (C = this.isoWeekYear(), h = this.$u, f = (h ? d.utc : d)().year(C).startOf("year"), M = 4 - f.isoWeekday(), f.isoWeekday() > 4 && (M += 7), f.add(M, t));
+        return T.diff(m, "week") + 1;
+      }, c.isoWeekday = function(v) {
+        return this.$utils().u(v) ? this.day() || 7 : this.day(this.day() % 7 ? v : v - 7);
       };
-      var a = c.startOf;
-      c.startOf = function(b, H) {
-        var p = this.$utils(), f = !!p.u(H) || H;
-        return p.p(b) === "isoweek" ? f ? this.date(this.date() - (this.isoWeekday() - 1)).startOf("day") : this.date(this.date() - 1 - (this.isoWeekday() - 1) + 7).endOf("day") : a.bind(this)(b, H);
+      var l = c.startOf;
+      c.startOf = function(v, C) {
+        var h = this.$utils(), f = !!h.u(C) || C;
+        return h.p(v) === "isoweek" ? f ? this.date(this.date() - (this.isoWeekday() - 1)).startOf("day") : this.date(this.date() - 1 - (this.isoWeekday() - 1) + 7).endOf("day") : l.bind(this)(v, C);
       };
     };
   });
-})(ri);
-var Gi = ri.exports;
-const Ni = /* @__PURE__ */ at(Gi), Vt = 200;
-function qt({ groups: i, width: e, lineHeight: t, groupHeights: n, scrollTop: o, canvasHeight: d, theme: s, groupRenderer: c, onScroll: a }) {
+})(ui);
+var Qi = ui.exports;
+const en = /* @__PURE__ */ at(Qi), Jt = 200;
+function Qt({ groups: i, width: e, lineHeight: t, groupHeights: n, scrollTop: r, canvasHeight: d, theme: o, groupRenderer: c, onScroll: l }) {
   var y;
-  const b = U(null), H = U(!1), p = ee(() => {
-    const D = new Array(i.length + 1);
-    D[0] = 0;
+  const v = A(null), C = A(!1), h = K(() => {
+    const H = new Array(i.length + 1);
+    H[0] = 0;
     for (let w = 0; w < i.length; w++)
-      D[w + 1] = D[w] + ((n == null ? void 0 : n[w]) ?? t);
-    return D;
-  }, [i.length, n, t]), f = p[i.length] ?? 0, M = d, T = oe((D) => {
-    if (i.length === 0 || D <= 0)
+      H[w + 1] = H[w] + ((n == null ? void 0 : n[w]) ?? t);
+    return H;
+  }, [i.length, n, t]), f = h[i.length] ?? 0, M = d, T = Q((H) => {
+    if (i.length === 0 || H <= 0)
       return 0;
-    if (D >= f)
+    if (H >= f)
       return i.length - 1;
     let w = 0, $ = i.length - 1;
     for (; w < $; ) {
       const B = w + $ >>> 1;
-      p[B + 1] > D ? $ = B : w = B + 1;
+      h[B + 1] > H ? $ = B : w = B + 1;
     }
     return w;
-  }, [i.length, p, f]), h = T(o - Vt), E = T(o + d + Vt), P = oe((D) => {
-    H.current || a(D.currentTarget.scrollTop);
-  }, [a]);
-  ce(() => {
-    b.current && (H.current = !0, b.current.scrollTop = o, requestAnimationFrame(() => {
-      H.current = !1;
+  }, [i.length, h, f]), m = T(r - Jt), E = T(r + d + Jt), P = Q((H) => {
+    C.current || l(H.currentTarget.scrollTop);
+  }, [l]);
+  le(() => {
+    v.current && (C.current = !0, v.current.scrollTop = r, requestAnimationFrame(() => {
+      C.current = !1;
     }));
-  }, [o]);
-  const W = [];
-  for (let D = h; D <= E; D++) {
-    const w = i[D];
+  }, [r]);
+  const Y = [];
+  for (let H = m; H <= E; H++) {
+    const w = i[H];
     if (!w)
       continue;
-    const $ = p[D], B = p[D + 1] - $;
-    W.push(le("div", { style: {
+    const $ = h[H], B = h[H + 1] - $;
+    Y.push(ne("div", { style: {
       position: "absolute",
       top: $,
       height: B,
@@ -1064,35 +1092,35 @@ function qt({ groups: i, width: e, lineHeight: t, groupHeights: n, scrollTop: o,
       overflow: "hidden",
       display: "flex",
       alignItems: "stretch",
-      borderBottom: `1px solid ${((y = s.grid) == null ? void 0 : y.line) ?? "#E5E5E5"}`,
+      borderBottom: `1px solid ${((y = o.grid) == null ? void 0 : y.line) ?? "#E5E5E5"}`,
       boxSizing: "border-box"
     }, children: c(w) }, w.id));
   }
-  return le("div", { ref: b, onScroll: P, style: {
+  return ne("div", { ref: v, onScroll: P, style: {
     width: e,
     height: M,
     overflowY: f > d ? "auto" : "hidden",
     overflowX: "hidden",
     position: "relative",
-    borderRight: `1px solid ${s.sidebar.border}`,
-    backgroundColor: s.sidebar.bg
-  }, children: le("div", { style: { height: f, position: "relative" }, children: W }) });
+    borderRight: `1px solid ${o.sidebar.border}`,
+    backgroundColor: o.sidebar.bg
+  }, children: ne("div", { style: { height: f, position: "relative" }, children: Y }) });
 }
-function Zi(i) {
+function tn(i) {
   return null;
 }
-Zi.displayName = "TodayMarker";
-function Kt(i) {
+tn.displayName = "TodayMarker";
+function ei(i) {
   return { date: Math.floor(Date.now() / 6e4) * 6e4, color: i.color ?? "#FD7171", width: i.width ?? 6, label: i.label };
 }
-function Ui(i) {
+function nn(i) {
   return i.interval ?? 1e4;
 }
-function Vi(i) {
+function rn(i) {
   return null;
 }
-Vi.displayName = "CustomMarker";
-function Jt(i) {
+rn.displayName = "CustomMarker";
+function ti(i) {
   return {
     date: i.date,
     color: i.color ?? "#3B82F6",
@@ -1100,583 +1128,569 @@ function Jt(i) {
     label: i.label
   };
 }
-We.extend(Ni);
-function qi(i) {
+We.extend(en);
+function on(i) {
   return i ? {
-    ...He,
+    ...Ce,
     ...i,
-    status: { ...He.status, ...i.status },
-    grid: { ...He.grid, ...i.grid },
-    item: { ...He.item, ...i.item },
-    marker: { ...He.marker, ...i.marker },
-    sidebar: { ...He.sidebar, ...i.sidebar },
-    header: { ...He.header, ...i.header }
-  } : He;
+    status: { ...Ce.status, ...i.status },
+    grid: { ...Ce.grid, ...i.grid },
+    item: { ...Ce.item, ...i.item },
+    marker: { ...Ce.marker, ...i.marker },
+    sidebar: { ...Ce.sidebar, ...i.sidebar },
+    header: { ...Ce.header, ...i.header }
+  } : Ce;
 }
-const Qt = 32, dn = me.memo(Ei(function(e, t) {
-  const { groups: n, items: o, defaultTimeStart: d, defaultTimeEnd: s, sidebarWidth: c, lineHeight: a, itemHeightRatio: b, stackItems: H, canMove: p, canChangeGroup: f, canResize: M, dragSnap: T, minZoom: h, maxZoom: E, theme: P, dayStyle: W, rowStyle: y, showCursorLine: D, itemRenderer: w, groupRenderer: $, sidebarGroupRenderer: B, dependencies: I, highlights: A, onItemClick: F, onItemDoubleClick: se, onItemContextMenu: K, onItemMove: te, onItemResize: be, moveResizeValidator: Se, onItemHover: Me, onCanvasDoubleClick: Xe, onCanvasContextMenu: qe, onTimeChange: De, onZoom: kt, selected: Ct = [], rightSidebarWidth: ut, rightSidebarGroupRenderer: Et, onReady: Ke, maxHeight: Be, timezone: Je, devBadge: si, children: ke } = e, we = ee(() => qi(P), [P]), Ht = oe((r, l) => {
-    for (let m = 0; m < l.length; m++)
-      if (l[m].id === r)
-        return m;
+const ii = 32, yn = ce.memo(Oi(function(e, t) {
+  const { groups: n, items: r, defaultTimeStart: d, defaultTimeEnd: o, sidebarWidth: c, lineHeight: l, itemHeightRatio: v, stackItems: C, canMove: h, canChangeGroup: f, canResize: M, dragSnap: T, minZoom: m, maxZoom: E, theme: P, dayStyle: Y, rowStyle: y, showCursorLine: H, itemRenderer: w, groupRenderer: $, sidebarGroupRenderer: B, dependencies: I, highlights: x, onItemClick: _, onItemDoubleClick: ee, onItemContextMenu: U, onItemMove: J, onItemResize: he, moveResizeValidator: ve, onItemHover: be, onInteractionUpdate: Pe, onCanvasDoubleClick: qe, onCanvasContextMenu: Ee, onTimeChange: Ct, onZoom: Et, selected: Ht = [], rightSidebarWidth: ut, rightSidebarGroupRenderer: It, onReady: Ke, maxHeight: Be, timezone: Je, devBadge: di, children: Me } = e, ye = K(() => on(P), [P]), Dt = Q((s, a) => {
+    for (let g = 0; g < a.length; g++)
+      if (a[g].id === s)
+        return g;
     return 0;
-  }, []), li = Ct.join(","), ct = ee(() => Ct, [li]), Dt = U(null), It = U(null), Rt = U(null), Le = U(null), Ot = U(null), Pt = U(null), [ai, ui] = Ze(800), [ci, di] = Ze(null);
-  ce(() => {
-    const r = Ot.current;
-    if (!r)
+  }, []), fi = Ht.join(","), ct = K(() => Ht, [fi]), Rt = A(null), Ot = A(null), Pt = A(null), ze = A(null), Xt = A(null), $t = A(null), [hi, mi] = Ue(800), [gi, pi] = Ue(null);
+  le(() => {
+    const s = Xt.current;
+    if (!s)
       return;
-    const l = new ResizeObserver((m) => {
-      const g = m[0];
-      g && ui(g.contentRect.width);
+    const a = new ResizeObserver((g) => {
+      const p = g[0];
+      p && mi(p.contentRect.width);
     });
-    return l.observe(r), () => l.disconnect();
-  }, []), ce(() => {
-    const r = Pt.current;
-    if (!r || !Be)
+    return a.observe(s), () => a.disconnect();
+  }, []), le(() => {
+    const s = $t.current;
+    if (!s || !Be)
       return;
-    const l = new ResizeObserver((m) => {
-      const g = m[0];
-      g && di(g.contentRect.height);
+    const a = new ResizeObserver((g) => {
+      const p = g[0];
+      p && pi(p.contentRect.height);
     });
-    return l.observe(r), () => l.disconnect();
+    return a.observe(s), () => a.disconnect();
   }, [Be]);
-  const Ce = Math.max(0, ai - c - (ut ?? 0)), Ie = ee(() => {
-    const r = new Oi();
-    return r.rebuild(o), r;
-  }, [o]), dt = ee(() => {
-    const r = new Ii();
-    return r.buildFromItems(o, (l) => Ie.getEffectiveSpan(l.id).start, (l) => Ie.getEffectiveSpan(l.id).end), r;
-  }, [o, Ie]), ze = ee(() => {
-    const r = new Ri(a, b);
-    return r.computeLayout(o, H, Ie), r;
-  }, [o, a, b, H, Ie]), Re = ee(() => n.map((r) => ze.getGroupHeight(r.id)), [n, ze]), Qe = ee(() => Re.reduce((r, l) => r + l, 0), [Re]), Xt = typeof Be == "number" ? Be : ci, ye = Xt ? Math.min(Qe, Xt) : Qe, L = U(new yt({
+  const we = Math.max(0, hi - c - (ut ?? 0)), He = K(() => {
+    const s = new Yi();
+    return s.rebuild(r), s;
+  }, [r]), dt = K(() => {
+    const s = new $i();
+    return s.buildFromItems(r, (a) => He.getEffectiveSpan(a.id).start, (a) => He.getEffectiveSpan(a.id).end), s;
+  }, [r, He]), Le = K(() => {
+    const s = new _i(l, v);
+    return s.computeLayout(r, C, He), s;
+  }, [r, l, v, C, He]), Ie = K(() => n.map((s) => Le.getGroupHeight(s.id)), [n, Le]), Qe = K(() => Ie.reduce((s, a) => s + a, 0), [Ie]), _t = typeof Be == "number" ? Be : gi, me = _t ? Math.min(Qe, _t) : Qe, L = A(new Tt({
     visibleTimeStart: e.visibleTimeStart ?? d,
-    visibleTimeEnd: e.visibleTimeEnd ?? s,
-    canvasWidth: Ce,
-    canvasHeight: ye,
+    visibleTimeEnd: e.visibleTimeEnd ?? o,
+    canvasWidth: we,
+    canvasHeight: me,
     sidebarWidth: c,
-    lineHeight: a,
+    lineHeight: l,
     groupCount: n.length,
     buffer: e.buffer ?? 3,
     scrollTop: 0,
-    groupHeights: Re
-  })), ft = U(null), xe = U(void 0), ve = U(null), Oe = U(!1), $t = 4, [Ft, fi] = Ze(e.visibleTimeStart ?? d), [Yt, hi] = Ze(e.visibleTimeEnd ?? s), [_t, et] = Ze(0), Ae = U(null), $e = oe(() => {
-    const r = L.current;
-    fi(r.visibleTimeStart), hi(r.visibleTimeEnd), et(r.scrollTop), Ae.current = null;
-  }, []), ht = oe(() => {
-    Ae.current === null && (Ae.current = setTimeout($e, Qt));
-  }, [$e]);
-  ce(() => () => {
+    groupHeights: Ie
+  })), ft = A(null), xe = A(void 0), Yt = A({ x: 0, y: 0 }), ht = A(!1), de = A(null), De = A(!1), Ft = 4, [Wt, vi] = Ue(e.visibleTimeStart ?? d), [Bt, bi] = Ue(e.visibleTimeEnd ?? o), [zt, et] = Ue(0), Ae = A(null), Xe = Q(() => {
+    const s = L.current;
+    vi(s.visibleTimeStart), bi(s.visibleTimeEnd), et(s.scrollTop), Ae.current = null;
+  }, []), mt = Q(() => {
+    Ae.current === null && (Ae.current = setTimeout(Xe, ii));
+  }, [Xe]);
+  le(() => () => {
     Ae.current !== null && clearTimeout(Ae.current);
   }, []);
-  const Wt = ee(() => e.summaryRenderer ? e.summaryRenderer : (r, l, m, g, u) => {
-    Pi(r, l, m, g, u, we);
-  }, [e.summaryRenderer, we]), Fe = ee(() => new Wi(), []), Ye = ee(() => new Bi(), []), _e = ee(() => new Li(), []), ie = ee(() => new ji(T), [T]), tt = ee(() => {
-    const r = [];
-    return me.Children.forEach(ke, (l) => {
-      var g;
-      if (!me.isValidElement(l))
+  const Lt = K(() => e.summaryRenderer ? e.summaryRenderer : (s, a, g, p, u) => {
+    Fi(s, a, g, p, u, ye);
+  }, [e.summaryRenderer, ye]), $e = K(() => new Gi(), []), _e = K(() => new Ni(), []), Ye = K(() => new Ui(), []), ie = K(() => new Ki(T), [T]), tt = K(() => {
+    const s = [];
+    return ce.Children.forEach(Me, (a) => {
+      var p;
+      if (!ce.isValidElement(a))
         return;
-      const m = (g = l.type) == null ? void 0 : g.displayName;
-      m === "TodayMarker" ? r.push(Kt(l.props)) : m === "CustomMarker" && r.push(Jt(l.props));
-    }), r;
-  }, [ke]), it = ee(() => tt.map((r) => `${r.date}|${r.color}|${r.width}|${r.label ?? ""}`).join(";"), [tt]), je = U(tt);
+      const g = (p = a.type) == null ? void 0 : p.displayName;
+      g === "TodayMarker" ? s.push(ei(a.props)) : g === "CustomMarker" && s.push(ti(a.props));
+    }), s;
+  }, [Me]), it = K(() => tt.map((s) => `${s.date}|${s.color}|${s.width}|${s.label ?? ""}`).join(";"), [tt]), je = A(tt);
   je.current = tt;
-  const mt = ee(() => {
-    let r = 0;
-    return me.Children.forEach(ke, (l) => {
-      var g;
-      if (!me.isValidElement(l))
+  const gt = K(() => {
+    let s = 0;
+    return ce.Children.forEach(Me, (a) => {
+      var p;
+      if (!ce.isValidElement(a))
         return;
-      ((g = l.type) == null ? void 0 : g.displayName) === "TodayMarker" && (r = Ui(l.props));
-    }), r;
-  }, [ke]), x = U({
+      ((p = a.type) == null ? void 0 : p.displayName) === "TodayMarker" && (s = nn(a.props));
+    }), s;
+  }, [Me]), j = A({
     groups: n,
-    items: o,
+    items: r,
     intervalTree: dt,
-    layoutEngine: ze,
+    layoutEngine: Le,
     itemRenderer: w,
     groupRenderer: $,
-    theme: we,
+    theme: ye,
     selected: ct,
     dependencies: I,
-    highlights: A,
-    dayStyle: W,
+    highlights: x,
+    dayStyle: Y,
     rowStyle: y,
-    showCursorLine: D,
-    canvasWidth: Ce,
-    canvasHeight: ye,
-    lineHeight: a,
-    itemHeightRatio: b,
-    onTimeChange: De,
-    onZoom: kt,
-    onItemHover: Me,
-    onItemClick: F,
-    onItemDoubleClick: se,
-    onItemContextMenu: K,
-    onItemMove: te,
-    onItemResize: be,
-    onCanvasDoubleClick: Xe,
-    onCanvasContextMenu: qe,
-    canMove: p,
+    showCursorLine: H,
+    canvasWidth: we,
+    canvasHeight: me,
+    lineHeight: l,
+    itemHeightRatio: v,
+    onTimeChange: Ct,
+    onZoom: Et,
+    onItemHover: be,
+    onItemClick: _,
+    onItemDoubleClick: ee,
+    onItemContextMenu: U,
+    onItemMove: J,
+    onItemResize: he,
+    onInteractionUpdate: Pe,
+    onCanvasDoubleClick: qe,
+    onCanvasContextMenu: Ee,
+    canMove: h,
     canResize: M,
     canChangeGroup: f,
     dragSnap: T,
     sidebarWidth: c,
-    moveResizeValidator: Se,
-    summaryRenderer: Wt,
-    hierarchyEngine: Ie,
+    moveResizeValidator: ve,
+    summaryRenderer: Lt,
+    hierarchyEngine: He,
     timezone: Je
   });
-  x.current = {
+  j.current = {
     groups: n,
-    items: o,
+    items: r,
     intervalTree: dt,
-    layoutEngine: ze,
+    layoutEngine: Le,
     itemRenderer: w,
     groupRenderer: $,
-    theme: we,
+    theme: ye,
     selected: ct,
     dependencies: I,
-    highlights: A,
-    dayStyle: W,
+    highlights: x,
+    dayStyle: Y,
     rowStyle: y,
-    showCursorLine: D,
-    canvasWidth: Ce,
-    canvasHeight: ye,
-    lineHeight: a,
-    itemHeightRatio: b,
-    onTimeChange: De,
-    onZoom: kt,
-    onItemHover: Me,
-    onItemClick: F,
-    onItemDoubleClick: se,
-    onItemContextMenu: K,
-    onItemMove: te,
-    onItemResize: be,
-    onCanvasDoubleClick: Xe,
-    onCanvasContextMenu: qe,
-    canMove: p,
+    showCursorLine: H,
+    canvasWidth: we,
+    canvasHeight: me,
+    lineHeight: l,
+    itemHeightRatio: v,
+    onTimeChange: Ct,
+    onZoom: Et,
+    onItemHover: be,
+    onItemClick: _,
+    onItemDoubleClick: ee,
+    onItemContextMenu: U,
+    onItemMove: J,
+    onItemResize: he,
+    onInteractionUpdate: Pe,
+    onCanvasDoubleClick: qe,
+    onCanvasContextMenu: Ee,
+    canMove: h,
     canResize: M,
     canChangeGroup: f,
     dragSnap: T,
     sidebarWidth: c,
-    moveResizeValidator: Se,
-    summaryRenderer: Wt,
-    hierarchyEngine: Ie,
+    moveResizeValidator: ve,
+    summaryRenderer: Lt,
+    hierarchyEngine: He,
     timezone: Je
   };
-  const mi = oe(() => {
-    const r = Dt.current;
-    if (!r)
+  const yi = Q(() => {
+    const s = Rt.current;
+    if (!s)
       return;
-    const l = x.current, m = St(r, l.canvasWidth, l.canvasHeight);
-    Mt(m, r), Fe.draw(m, L.current, l.groups, l.theme, l.dayStyle, l.rowStyle, l.highlights, l.timezone);
-  }, [Fe]), gi = oe(() => {
-    const r = It.current;
-    if (!r)
+    const a = j.current, g = Mt(s, a.canvasWidth, a.canvasHeight);
+    wt(g, s), $e.draw(g, L.current, a.groups, a.theme, a.dayStyle, a.rowStyle, a.highlights, a.timezone);
+  }, [$e]), Ti = Q(() => {
+    const s = Ot.current;
+    if (!s)
       return;
-    const l = x.current, m = St(r, l.canvasWidth, l.canvasHeight);
-    Mt(m, r), Ye.draw(m, L.current, l.groups, l.items, l.intervalTree, l.layoutEngine, l.itemRenderer, l.groupRenderer, l.theme, l.selected, xe.current, l.dependencies, l.summaryRenderer, l.hierarchyEngine);
-  }, [Ye]), Bt = oe((r, l, m) => {
-    const g = L.current, u = x.current, v = u.canvasWidth / (g.visibleTimeEnd - g.visibleTimeStart), k = l / v, R = [];
-    m === "move" ? (R.push(g.timeToX(r.start_time + k)), R.push(g.timeToX(r.end_time + k))) : m === "resize-left" ? R.push(g.timeToX(r.start_time + k)) : R.push(g.timeToX(r.end_time + k));
-    const X = (g.visibleTimeEnd - g.visibleTimeStart) * 0.1, Y = u.intervalTree.query(g.visibleTimeStart - X, g.visibleTimeEnd + X), N = wt(Y, r.id, (J) => g.timeToX(J));
-    for (const J of R) {
-      const q = st(J, N, 8, v, u.dragSnap);
-      if (q !== null)
-        return q;
+    const a = j.current, g = Mt(s, a.canvasWidth, a.canvasHeight);
+    wt(g, s), _e.draw(g, L.current, a.groups, a.items, a.intervalTree, a.layoutEngine, a.itemRenderer, a.groupRenderer, a.theme, a.selected, xe.current, a.dependencies, a.summaryRenderer, a.hierarchyEngine);
+  }, [_e]), xt = Q((s, a, g) => {
+    const p = L.current, u = j.current, b = u.canvasWidth / (p.visibleTimeEnd - p.visibleTimeStart), k = a / b, D = [];
+    g === "move" ? (D.push(p.timeToX(s.start_time + k)), D.push(p.timeToX(s.end_time + k))) : g === "resize-left" ? D.push(p.timeToX(s.start_time + k)) : D.push(p.timeToX(s.end_time + k));
+    const X = (p.visibleTimeEnd - p.visibleTimeStart) * 0.1, F = u.intervalTree.query(p.visibleTimeStart - X, p.visibleTimeEnd + X), W = kt(F, s.id, (V) => p.timeToX(V));
+    for (const V of D) {
+      const N = st(V, W, 8, b, u.dragSnap);
+      if (N !== null)
+        return N;
     }
-    const ne = m === "resize-right" ? r.end_time + k : r.start_time + k, z = Math.round(ne / u.dragSnap) * u.dragSnap;
-    return g.timeToX(z);
-  }, []), pi = oe(() => {
-    const r = Rt.current;
-    if (!r)
+    const Z = g === "resize-right" ? s.end_time + k : s.start_time + k, oe = Math.round(Z / u.dragSnap) * u.dragSnap;
+    return p.timeToX(oe);
+  }, []), Si = Q(() => {
+    const s = Pt.current;
+    if (!s)
       return;
-    const l = x.current, m = St(r, l.canvasWidth, l.canvasHeight);
-    Mt(m, r);
-    const g = L.current, u = ie.getState();
-    let v = null;
+    const a = j.current, g = Mt(s, a.canvasWidth, a.canvasHeight);
+    wt(g, s);
+    const p = L.current, u = ie.getState();
+    let b = null;
     if (u) {
-      const k = g.timeToX(u.item.start_time), R = g.timeToX(u.item.end_time) - k;
-      let X, Y;
-      u.mode === "resize-left" ? (X = k + u.deltaX, Y = R - u.deltaX) : u.mode === "resize-right" ? (X = k, Y = R + u.deltaX) : (X = k + u.deltaX, Y = R);
-      const N = Ht(u.currentGroup, l.groups), ne = g.groupIndexToY(N), z = u.currentGroup !== u.originalGroup;
-      v = {
+      const k = p.timeToX(u.item.start_time), D = p.timeToX(u.item.end_time) - k;
+      let X, F;
+      u.mode === "resize-left" ? (X = k + u.deltaX, F = D - u.deltaX) : u.mode === "resize-right" ? (X = k, F = D + u.deltaX) : (X = k + u.deltaX, F = D);
+      const W = Dt(u.currentGroup, a.groups), Z = p.groupIndexToY(W), oe = u.currentGroup !== u.originalGroup;
+      b = {
         item: u.item,
         mode: u.mode,
-        bounds: { x: X, y: ne + (l.lineHeight - l.lineHeight * l.itemHeightRatio) / 2, width: Y, height: l.lineHeight * l.itemHeightRatio },
-        renderer: l.itemRenderer,
-        targetGroupY: ne,
-        groupChanged: z
+        bounds: { x: X, y: Z + (a.lineHeight - a.lineHeight * a.itemHeightRatio) / 2, width: F, height: a.lineHeight * a.itemHeightRatio },
+        renderer: a.itemRenderer,
+        targetGroupY: Z,
+        groupChanged: oe
       };
     }
-    _e.draw(m, g, l.theme, {
-      cursorX: l.showCursorLine ? ft.current : null,
-      snapX: u ? Bt(u.item, u.deltaX, u.mode) : null,
+    Ye.draw(g, p, a.theme, {
+      cursorX: a.showCursorLine ? ft.current : null,
+      snapX: u ? xt(u.item, u.deltaX, u.mode) : null,
       markers: je.current,
-      interaction: v
-    });
-  }, [_e, ie, Bt, Ht]), gt = U(null);
-  gt.current || (gt.current = new Xi((r) => {
-    r.grid && mi(), r.items && gi(), r.overlay && pi();
+      interaction: b
+    }), a.onInteractionUpdate && (u ? (a.onInteractionUpdate(Ji(u, p, a, Yt.current)), ht.current = !0) : ht.current && (ht.current = !1, a.onInteractionUpdate(null)));
+  }, [Ye, ie, xt, Dt]), pt = A(null);
+  pt.current || (pt.current = new zi((s) => {
+    s.grid && yi(), s.items && Ti(), s.overlay && Si();
   }));
-  const O = gt.current;
-  ce(() => () => O.dispose(), [O]), ce(() => {
-    if (!mt)
+  const R = pt.current;
+  le(() => () => R.dispose(), [R]), le(() => {
+    if (!gt)
       return;
-    const r = setInterval(() => {
-      const l = [];
-      me.Children.forEach(ke, (m) => {
+    const s = setInterval(() => {
+      const a = [];
+      ce.Children.forEach(Me, (g) => {
         var u;
-        if (!me.isValidElement(m))
+        if (!ce.isValidElement(g))
           return;
-        const g = (u = m.type) == null ? void 0 : u.displayName;
-        g === "TodayMarker" ? l.push(Kt(m.props)) : g === "CustomMarker" && l.push(Jt(m.props));
-      }), je.current = l, O.markDirty("overlay");
-    }, mt);
-    return () => clearInterval(r);
-  }, [mt, ke, O]), ce(() => {
+        const p = (u = g.type) == null ? void 0 : u.displayName;
+        p === "TodayMarker" ? a.push(ei(g.props)) : p === "CustomMarker" && a.push(ti(g.props));
+      }), je.current = a, R.markDirty("overlay");
+    }, gt);
+    return () => clearInterval(s);
+  }, [gt, Me, R]), le(() => {
     L.current.update({
-      canvasWidth: Ce,
-      canvasHeight: ye,
+      canvasWidth: we,
+      canvasHeight: me,
       sidebarWidth: c,
-      lineHeight: a,
+      lineHeight: l,
       groupCount: n.length,
-      groupHeights: Re
-    }), O.markAllDirty();
-  }, [Ce, ye, c, a, n.length, Re, O]), ce(() => {
-    O.markDirty("grid"), O.markDirty("items");
-  }, [o, n, ct, we, W, y, dt, ze, O]);
-  const nt = ee(() => {
-    var r;
-    return ((r = e.highlights) == null ? void 0 : r.map((l) => `${l.start}|${l.end}|${l.color}|${l.label ?? ""}|${l.opacity ?? ""}`).join(";")) ?? "";
-  }, [e.highlights]), Lt = U(nt);
-  ce(() => {
-    nt !== Lt.current && (Lt.current = nt, O.markDirty("grid"));
-  }, [nt, O]);
-  const zt = U(it);
-  ce(() => {
-    it !== zt.current && (zt.current = it, O.markDirty("overlay"));
-  }, [it, O]);
-  const xt = U(e.visibleTimeStart), At = U(e.visibleTimeEnd);
-  e.visibleTimeStart !== void 0 && e.visibleTimeStart !== xt.current && (xt.current = e.visibleTimeStart, L.current.update({ visibleTimeStart: e.visibleTimeStart }), O.markAllDirty()), e.visibleTimeEnd !== void 0 && e.visibleTimeEnd !== At.current && (At.current = e.visibleTimeEnd, L.current.update({ visibleTimeEnd: e.visibleTimeEnd }), O.markAllDirty());
-  const Ge = U(null), pt = oe((r) => {
+      groupHeights: Ie
+    }), R.markAllDirty();
+  }, [we, me, c, l, n.length, Ie, R]), le(() => {
+    R.markDirty("grid"), R.markDirty("items");
+  }, [r, n, ct, ye, Y, y, dt, Le, R]);
+  const nt = K(() => {
+    var s;
+    return ((s = e.highlights) == null ? void 0 : s.map((a) => `${a.start}|${a.end}|${a.color}|${a.label ?? ""}|${a.opacity ?? ""}`).join(";")) ?? "";
+  }, [e.highlights]), At = A(nt);
+  le(() => {
+    nt !== At.current && (At.current = nt, R.markDirty("grid"));
+  }, [nt, R]);
+  const jt = A(it);
+  le(() => {
+    it !== jt.current && (jt.current = it, R.markDirty("overlay"));
+  }, [it, R]);
+  const Gt = A(e.visibleTimeStart), Nt = A(e.visibleTimeEnd);
+  e.visibleTimeStart !== void 0 && e.visibleTimeStart !== Gt.current && (Gt.current = e.visibleTimeStart, L.current.update({ visibleTimeStart: e.visibleTimeStart }), R.markAllDirty()), e.visibleTimeEnd !== void 0 && e.visibleTimeEnd !== Nt.current && (Nt.current = e.visibleTimeEnd, L.current.update({ visibleTimeEnd: e.visibleTimeEnd }), R.markAllDirty());
+  const Ge = A(null), vt = Q((s) => {
     Ge.current === null && (Ge.current = setTimeout(() => {
-      var g, u;
+      var p, u;
       Ge.current = null;
-      const l = L.current, m = x.current;
-      r === "zoom" ? (g = m.onZoom) == null || g.call(m, l.visibleTimeStart, l.visibleTimeEnd) : (u = m.onTimeChange) == null || u.call(m, l.visibleTimeStart, l.visibleTimeEnd);
-    }, Qt));
+      const a = L.current, g = j.current;
+      s === "zoom" ? (p = g.onZoom) == null || p.call(g, a.visibleTimeStart, a.visibleTimeEnd) : (u = g.onTimeChange) == null || u.call(g, a.visibleTimeStart, a.visibleTimeEnd);
+    }, ii));
   }, []);
-  ce(() => () => {
+  le(() => () => {
     Ge.current !== null && clearTimeout(Ge.current);
   }, []);
-  const rt = U(null), vt = ee(() => new xi((r, l) => {
-    var m;
-    L.current.update({ visibleTimeStart: r, visibleTimeEnd: l }), (m = rt.current) == null || m.updateBounds(r, l), O.markAllDirty(), ht(), pt("zoom");
-  }, d, s, h, E), []);
-  rt.current = vt;
-  const ot = oe((r) => {
-    const l = L.current, m = l.getTotalHeight(), g = Math.max(0, m - l.canvasHeight), u = Math.max(0, Math.min(g, l.scrollTop + r));
-    u !== l.scrollTop && (l.update({ scrollTop: u }), O.markDirty("grid"), O.markDirty("items"), O.markDirty("overlay"), et(u));
-  }, [O]), Ne = oe((r) => {
-    var k, R, X;
-    const l = L.current, m = l.canvasWidth / (l.visibleTimeEnd - l.visibleTimeStart), g = r / m, u = l.visibleTimeStart + g, v = l.visibleTimeEnd + g;
-    l.update({ visibleTimeStart: u, visibleTimeEnd: v }), (k = rt.current) == null || k.updateBounds(u, v), O.markAllDirty(), Di(() => $e()), (X = (R = x.current).onTimeChange) == null || X.call(R, u, v);
-  }, [O, $e]);
-  ce(() => {
-    const r = Le.current;
-    if (!r)
+  const rt = A(null), bt = K(() => new Vi((s, a) => {
+    var g;
+    L.current.update({ visibleTimeStart: s, visibleTimeEnd: a }), (g = rt.current) == null || g.updateBounds(s, a), R.markAllDirty(), mt(), vt("zoom");
+  }, d, o, m, E), []);
+  rt.current = bt;
+  const ot = Q((s) => {
+    const a = L.current, g = a.getTotalHeight(), p = Math.max(0, g - a.canvasHeight), u = Math.max(0, Math.min(p, a.scrollTop + s));
+    u !== a.scrollTop && (a.update({ scrollTop: u }), R.markDirty("grid"), R.markDirty("items"), R.markDirty("overlay"), et(u));
+  }, [R]), Ne = Q((s) => {
+    var k, D, X;
+    const a = L.current, g = a.canvasWidth / (a.visibleTimeEnd - a.visibleTimeStart), p = s / g, u = a.visibleTimeStart + p, b = a.visibleTimeEnd + p;
+    a.update({ visibleTimeStart: u, visibleTimeEnd: b }), (k = rt.current) == null || k.updateBounds(u, b), R.markAllDirty(), Xi(() => Xe()), (X = (D = j.current).onTimeChange) == null || X.call(D, u, b);
+  }, [R, Xe]);
+  le(() => {
+    const s = ze.current;
+    if (!s)
       return;
-    const l = (m) => {
-      if (m.ctrlKey || m.metaKey || m.altKey) {
-        m.preventDefault();
-        const g = r.getBoundingClientRect(), u = (m.clientX - g.left) / g.width;
-        vt.handleWheelZoom(m, u);
-      } else if (m.shiftKey)
-        m.preventDefault(), Ne(m.deltaY || m.deltaX);
+    const a = (g) => {
+      if (g.ctrlKey || g.metaKey || g.altKey) {
+        g.preventDefault();
+        const p = s.getBoundingClientRect(), u = (g.clientX - p.left) / p.width;
+        bt.handleWheelZoom(g, u);
+      } else if (g.shiftKey)
+        g.preventDefault(), Ne(g.deltaY || g.deltaX);
       else {
-        const g = m.deltaX;
-        g !== 0 && Math.abs(g) > Math.abs(m.deltaY) ? (m.preventDefault(), Ne(g)) : m.deltaY !== 0 && (Qe > ye && m.preventDefault(), ot(m.deltaY));
+        const p = g.deltaX;
+        p !== 0 && Math.abs(p) > Math.abs(g.deltaY) ? (g.preventDefault(), Ne(p)) : g.deltaY !== 0 && (Qe > me && g.preventDefault(), ot(g.deltaY));
       }
     };
-    return r.addEventListener("wheel", l, { passive: !1 }), () => r.removeEventListener("wheel", l);
-  }, [vt, ot, Ne, Qe, ye]);
-  const Ee = U({ lastDistance: null, lastCenter: null });
-  ce(() => {
-    const r = Le.current;
-    if (!r)
+    return s.addEventListener("wheel", a, { passive: !1 }), () => s.removeEventListener("wheel", a);
+  }, [bt, ot, Ne, Qe, me]);
+  const ke = A({ lastDistance: null, lastCenter: null });
+  le(() => {
+    const s = ze.current;
+    if (!s)
       return;
-    const l = (k, R) => Math.abs(k.clientX - R.clientX), m = (k, R, X) => (k.clientX + R.clientX) / 2 - X.left, g = (k) => {
-      k.touches.length === 2 && (k.preventDefault(), Ee.current.lastDistance = l(k.touches[0], k.touches[1]), Ee.current.lastCenter = null);
+    const a = (k, D) => Math.abs(k.clientX - D.clientX), g = (k, D, X) => (k.clientX + D.clientX) / 2 - X.left, p = (k) => {
+      k.touches.length === 2 && (k.preventDefault(), ke.current.lastDistance = a(k.touches[0], k.touches[1]), ke.current.lastCenter = null);
     }, u = (k) => {
-      var R;
-      if (k.touches.length === 2 && Ee.current.lastDistance !== null) {
+      var D;
+      if (k.touches.length === 2 && ke.current.lastDistance !== null) {
         k.preventDefault();
-        const X = l(k.touches[0], k.touches[1]), Y = r.getBoundingClientRect(), ne = m(k.touches[0], k.touches[1], Y) / Y.width;
-        if (X !== 0 && Ee.current.lastDistance !== 0) {
-          const z = Ee.current.lastDistance / X, J = L.current, q = J.visibleTimeEnd - J.visibleTimeStart;
-          let de = q * z;
-          de = Math.max(h, Math.min(E, de));
-          const Z = J.visibleTimeStart + q * ne, C = Z - de * ne, S = Z + de * (1 - ne);
-          J.update({ visibleTimeStart: C, visibleTimeEnd: S }), (R = rt.current) == null || R.updateBounds(C, S), O.markAllDirty(), ht(), pt("zoom");
+        const X = a(k.touches[0], k.touches[1]), F = s.getBoundingClientRect(), Z = g(k.touches[0], k.touches[1], F) / F.width;
+        if (X !== 0 && ke.current.lastDistance !== 0) {
+          const oe = ke.current.lastDistance / X, V = L.current, N = V.visibleTimeEnd - V.visibleTimeStart;
+          let se = N * oe;
+          se = Math.max(m, Math.min(E, se));
+          const te = V.visibleTimeStart + N * Z, O = te - se * Z, S = te + se * (1 - Z);
+          V.update({ visibleTimeStart: O, visibleTimeEnd: S }), (D = rt.current) == null || D.updateBounds(O, S), R.markAllDirty(), mt(), vt("zoom");
         }
-        Ee.current.lastDistance = X;
+        ke.current.lastDistance = X;
       }
-    }, v = () => {
-      Ee.current.lastDistance = null, Ee.current.lastCenter = null;
+    }, b = () => {
+      ke.current.lastDistance = null, ke.current.lastCenter = null;
     };
-    return r.addEventListener("touchstart", g, { passive: !1 }), r.addEventListener("touchmove", u, { passive: !1 }), r.addEventListener("touchend", v), () => {
-      r.removeEventListener("touchstart", g), r.removeEventListener("touchmove", u), r.removeEventListener("touchend", v);
+    return s.addEventListener("touchstart", p, { passive: !1 }), s.addEventListener("touchmove", u, { passive: !1 }), s.addEventListener("touchend", b), () => {
+      s.removeEventListener("touchstart", p), s.removeEventListener("touchmove", u), s.removeEventListener("touchend", b);
     };
-  }, [O, ht, pt]);
-  const vi = oe((r) => {
+  }, [R, mt, vt]);
+  const Mi = Q((s) => {
     var X;
-    const l = r.currentTarget, m = l.getBoundingClientRect(), g = r.clientX - m.left, u = r.clientY - m.top;
-    if (ft.current = g, ve.current) {
-      const Y = r.clientX - ve.current.startX, N = r.clientY - ve.current.startY;
-      if (!Oe.current && (Math.abs(Y) >= $t || Math.abs(N) >= $t) && (Oe.current = !0, l.style.cursor = "grabbing", l.setPointerCapture(r.pointerId)), Oe.current) {
-        const ne = r.clientX - ve.current.lastX, z = r.clientY - ve.current.lastY;
-        ve.current.lastX = r.clientX, ve.current.lastY = r.clientY, Math.abs(ne) > 0 && Ne(-ne), Math.abs(z) > 0 && ot(-z);
+    const a = s.currentTarget, g = a.getBoundingClientRect(), p = s.clientX - g.left, u = s.clientY - g.top;
+    if (ft.current = p, Yt.current = { x: s.clientX, y: s.clientY }, de.current) {
+      const F = s.clientX - de.current.startX, W = s.clientY - de.current.startY;
+      if (!De.current && (Math.abs(F) >= Ft || Math.abs(W) >= Ft) && (De.current = !0, a.style.cursor = "grabbing", a.setPointerCapture(s.pointerId)), De.current) {
+        const Z = s.clientX - de.current.lastX, oe = s.clientY - de.current.lastY;
+        de.current.lastX = s.clientX, de.current.lastY = s.clientY, Math.abs(Z) > 0 && Ne(-Z), Math.abs(oe) > 0 && ot(-oe);
       }
       return;
     }
     if (ie.isPending()) {
-      if (ie.update(g, u), ie.isActive()) {
-        const Y = ie.getState();
-        if (Y && Y.mode === "move" && x.current.canChangeGroup) {
-          const N = Tt(u, L.current, x.current.groups);
-          N && ie.setCurrentGroup(N.id);
+      if (ie.update(p, u), ie.isActive()) {
+        const F = ie.getState();
+        if (F && F.mode === "move" && j.current.canChangeGroup) {
+          const W = St(u, L.current, j.current.groups);
+          W && ie.setCurrentGroup(W.id);
         }
-        O.markDirty("overlay");
+        R.markDirty("overlay");
       }
       return;
     }
-    x.current.showCursorLine && O.markDirty("overlay");
-    const v = x.current, k = Ue(g, u, L.current, v.intervalTree, v.layoutEngine, v.groups), R = k == null ? void 0 : k.id;
-    if (R !== xe.current && (xe.current = R, O.markDirty("items"), (X = v.onItemHover) == null || X.call(v, R ?? null, r.nativeEvent)), k) {
-      const Y = Gt(g, k, L.current), N = Nt(k, v.canResize);
-      Y === "left" && (N === "left" || N === "both") || Y === "right" && (N === "right" || N === "both") ? l.style.cursor = "col-resize" : v.canMove ? l.style.cursor = "grab" : l.style.cursor = "default";
+    j.current.showCursorLine && R.markDirty("overlay");
+    const b = j.current, k = Ze(p, u, L.current, b.intervalTree, b.layoutEngine, b.groups), D = k == null ? void 0 : k.id;
+    if (D !== xe.current && (xe.current = D, R.markDirty("items"), (X = b.onItemHover) == null || X.call(b, D ?? null, s.nativeEvent)), k) {
+      const F = Zt(p, k, L.current), W = Vt(k, F, b.canResize, b.canMove);
+      a.style.cursor = W === "resize-left" || W === "resize-right" ? "col-resize" : W === "move" ? "grab" : "default";
     } else
-      l.style.cursor = "default";
-  }, [ie, O, Ne, ot]), bi = oe((r) => {
-    const l = x.current, m = r.currentTarget.getBoundingClientRect(), g = r.clientX - m.left, u = r.clientY - m.top, v = Ue(g, u, L.current, l.intervalTree, l.layoutEngine, l.groups);
-    if (!v) {
-      ve.current = { startX: r.clientX, startY: r.clientY, lastX: r.clientX, lastY: r.clientY }, Oe.current = !1;
+      a.style.cursor = "default";
+  }, [ie, R, Ne, ot]), wi = Q((s) => {
+    const a = j.current, g = s.currentTarget.getBoundingClientRect(), p = s.clientX - g.left, u = s.clientY - g.top, b = Ze(p, u, L.current, a.intervalTree, a.layoutEngine, a.groups);
+    if (!b) {
+      de.current = { startX: s.clientX, startY: s.clientY, lastX: s.clientX, lastY: s.clientY }, De.current = !1;
       return;
     }
-    const k = Gt(g, v, L.current), R = Nt(v, l.canResize);
-    k === "left" && (R === "left" || R === "both") ? ie.startInteraction(v, "resize-left", g, u) : k === "right" && (R === "right" || R === "both") ? ie.startInteraction(v, "resize-right", g, u) : l.canMove && ie.startInteraction(v, "move", g, u);
-  }, [ie]), yi = oe((r) => {
-    var k, R, X, Y, N, ne;
-    const l = r.currentTarget;
-    if (ve.current) {
-      const z = Oe.current;
-      if (ve.current = null, Oe.current = !1, l.style.cursor = "default", z)
+    const k = Zt(p, b, L.current), D = Vt(b, k, a.canResize, a.canMove);
+    D && ie.startInteraction(b, D, p, u);
+  }, [ie]), ki = Q((s) => {
+    var k, D, X, F;
+    const a = s.currentTarget;
+    if (de.current) {
+      const W = De.current;
+      if (de.current = null, De.current = !1, a.style.cursor = "default", W)
         return;
     }
     if (ie.isActive()) {
-      const z = ie.getState(), J = L.current, q = J.canvasWidth / (J.visibleTimeEnd - J.visibleTimeStart);
-      if (z) {
-        const de = x.current.moveResizeValidator;
-        if (z.mode === "move") {
-          const Z = ie.endMove(q);
-          if (Z) {
-            const C = L.current, S = x.current, ge = z.deltaX / q, j = C.timeToX(z.item.start_time + ge), he = C.timeToX(z.item.end_time + ge), ue = (C.visibleTimeEnd - C.visibleTimeStart) * 0.1, _ = S.intervalTree.query(C.visibleTimeStart - ue, C.visibleTimeEnd + ue), re = wt(_, z.item.id, (fe) => C.timeToX(fe));
-            let V = Z.newStartTime;
-            const G = st(j, re, 8, q, S.dragSnap);
-            if (G !== null)
-              V = C.xToTime(G);
-            else {
-              const fe = st(he, re, 8, q, S.dragSnap);
-              if (fe !== null) {
-                const pe = z.item.end_time - z.item.start_time;
-                V = C.xToTime(fe) - pe;
-              }
-            }
-            const Q = de ? de("move", z.item.id, V) : V, ae = x.current.hierarchyEngine.getMoveDelta(z.item.id, Q);
-            (R = (k = x.current).onItemMove) == null || R.call(k, z.item.id, Q, Z.newGroupId, ae.length > 0 ? ae : void 0);
+      const W = ie.getState(), Z = L.current, oe = Z.canvasWidth / (Z.visibleTimeEnd - Z.visibleTimeStart);
+      if (W) {
+        const V = j.current.moveResizeValidator, N = j.current;
+        if (W.mode === "move") {
+          const se = li(W, Z, N), te = ie.endMove(oe);
+          if (te) {
+            const O = V ? V("move", W.item.id, se) : se, S = N.hierarchyEngine.getMoveDelta(W.item.id, O);
+            (k = N.onItemMove) == null || k.call(N, W.item.id, O, te.newGroupId, S.length > 0 ? S : void 0);
           }
         } else {
-          const Z = ie.endResize(q);
-          if (Z) {
-            const C = L.current, S = x.current, ge = z.deltaX / q, j = Z.edge === "left" ? z.item.start_time + ge : z.item.end_time + ge, he = C.timeToX(j), ue = (C.visibleTimeEnd - C.visibleTimeStart) * 0.1, _ = S.intervalTree.query(C.visibleTimeStart - ue, C.visibleTimeEnd + ue), re = wt(_, z.item.id, (fe) => C.timeToX(fe)), V = st(he, re, 8, q, S.dragSnap);
-            let G = V !== null ? C.xToTime(V) : Z.newTime;
-            const Q = x.current.hierarchyEngine.getResizeConstraint(z.item.id, Z.edge);
-            Z.edge === "left" && G > Q.max ? G = Q.max : Z.edge === "right" && G < Q.min && (G = Q.min);
-            const ae = de ? de("resize", z.item.id, G, Z.edge) : G;
-            (Y = (X = x.current).onItemResize) == null || Y.call(X, z.item.id, ae, Z.edge);
+          const { edge: se, time: te } = ai(W, Z, N);
+          if (ie.endResize(oe)) {
+            const S = V ? V("resize", W.item.id, te, se) : te;
+            (D = N.onItemResize) == null || D.call(N, W.item.id, S, se);
           }
         }
       }
-      l.style.cursor = "default", O.markDirty("overlay");
+      a.style.cursor = "default", R.markDirty("overlay");
       return;
     }
     ie.isPending() && ie.cancel();
-    const m = l.getBoundingClientRect(), g = r.clientX - m.left, u = r.clientY - m.top, v = Ue(g, u, L.current, x.current.intervalTree, x.current.layoutEngine, x.current.groups);
-    v && ((ne = (N = x.current).onItemClick) == null || ne.call(N, v.id, r.nativeEvent));
-  }, [ie, O]), Ti = oe((r) => {
-    var k, R;
-    const l = r.currentTarget.getBoundingClientRect(), m = r.clientX - l.left, g = r.clientY - l.top, u = x.current, v = Ue(m, g, L.current, u.intervalTree, u.layoutEngine, u.groups);
-    if (v)
-      (k = u.onItemDoubleClick) == null || k.call(u, v.id, r.nativeEvent);
+    const g = a.getBoundingClientRect(), p = s.clientX - g.left, u = s.clientY - g.top, b = Ze(p, u, L.current, j.current.intervalTree, j.current.layoutEngine, j.current.groups);
+    b && ((F = (X = j.current).onItemClick) == null || F.call(X, b.id, s.nativeEvent));
+  }, [ie, R]), Ci = Q((s) => {
+    var k, D;
+    const a = s.currentTarget.getBoundingClientRect(), g = s.clientX - a.left, p = s.clientY - a.top, u = j.current, b = Ze(g, p, L.current, u.intervalTree, u.layoutEngine, u.groups);
+    if (b)
+      (k = u.onItemDoubleClick) == null || k.call(u, b.id, s.nativeEvent);
     else {
-      const X = Tt(g, L.current, u.groups), Y = L.current.xToTime(m);
-      X && ((R = u.onCanvasDoubleClick) == null || R.call(u, X.id, Y));
+      const X = St(p, L.current, u.groups), F = L.current.xToTime(g);
+      X && ((D = u.onCanvasDoubleClick) == null || D.call(u, X.id, F));
     }
-  }, []), Si = oe((r) => {
-    var k, R;
-    r.preventDefault();
-    const l = r.currentTarget.getBoundingClientRect(), m = r.clientX - l.left, g = r.clientY - l.top, u = x.current, v = Ue(m, g, L.current, u.intervalTree, u.layoutEngine, u.groups);
-    if (v)
-      (k = u.onItemContextMenu) == null || k.call(u, v.id, r.nativeEvent);
+  }, []), Ei = Q((s) => {
+    var k, D;
+    s.preventDefault();
+    const a = s.currentTarget.getBoundingClientRect(), g = s.clientX - a.left, p = s.clientY - a.top, u = j.current, b = Ze(g, p, L.current, u.intervalTree, u.layoutEngine, u.groups);
+    if (b)
+      (k = u.onItemContextMenu) == null || k.call(u, b.id, s.nativeEvent);
     else {
-      const X = Tt(g, L.current, u.groups), Y = L.current.xToTime(m);
-      X && ((R = u.onCanvasContextMenu) == null || R.call(u, X.id, Y, r.nativeEvent));
+      const X = St(p, L.current, u.groups), F = L.current.xToTime(g);
+      X && ((D = u.onCanvasContextMenu) == null || D.call(u, X.id, F, s.nativeEvent));
     }
-  }, []), Mi = oe(() => {
-    var r, l;
-    ve.current = null, Oe.current = !1, ft.current = null, Le.current && (Le.current.style.cursor = "default"), xe.current !== void 0 && (xe.current = void 0, O.markDirty("items"), (l = (r = x.current).onItemHover) == null || l.call(r, null, new PointerEvent("pointerleave"))), x.current.showCursorLine && O.markDirty("overlay");
-  }, [O]), wi = ee(() => {
-    const r = [];
-    return me.Children.forEach(ke, (l) => {
-      var g;
-      if (!me.isValidElement(l))
+  }, []), Hi = Q(() => {
+    var s, a;
+    de.current = null, De.current = !1, ft.current = null, ze.current && (ze.current.style.cursor = "default"), xe.current !== void 0 && (xe.current = void 0, R.markDirty("items"), (a = (s = j.current).onItemHover) == null || a.call(s, null, new PointerEvent("pointerleave"))), j.current.showCursorLine && R.markDirty("overlay");
+  }, [R]), Ii = K(() => {
+    const s = [];
+    return ce.Children.forEach(Me, (a) => {
+      var p;
+      if (!ce.isValidElement(a))
         return;
-      if (((g = l.type) == null ? void 0 : g.displayName) === "TimelineHeaders") {
-        const u = l.props;
-        r.push(me.cloneElement(l, {
-          visibleTimeStart: u.visibleTimeStart ?? Ft,
-          visibleTimeEnd: u.visibleTimeEnd ?? Yt,
-          canvasWidth: u.canvasWidth ?? Ce,
+      if (((p = a.type) == null ? void 0 : p.displayName) === "TimelineHeaders") {
+        const u = a.props;
+        s.push(ce.cloneElement(a, {
+          visibleTimeStart: u.visibleTimeStart ?? Wt,
+          visibleTimeEnd: u.visibleTimeEnd ?? Bt,
+          canvasWidth: u.canvasWidth ?? we,
           sidebarWidth: u.sidebarWidth ?? c,
-          theme: u.theme ?? we,
+          theme: u.theme ?? ye,
           timezone: u.timezone ?? Je,
-          onZoomToInterval: u.onZoomToInterval ?? ((v, k) => {
-            var R, X, Y, N;
-            L.current.update({ visibleTimeStart: v, visibleTimeEnd: k }), O.markAllDirty(), $e(), (X = (R = x.current).onTimeChange) == null || X.call(R, v, k), (N = (Y = x.current).onZoom) == null || N.call(Y, v, k);
+          onZoomToInterval: u.onZoomToInterval ?? ((b, k) => {
+            var D, X, F, W;
+            L.current.update({ visibleTimeStart: b, visibleTimeEnd: k }), R.markAllDirty(), Xe(), (X = (D = j.current).onTimeChange) == null || X.call(D, b, k), (W = (F = j.current).onZoom) == null || W.call(F, b, k);
           })
         }));
       }
-    }), r;
-  }, [ke, Ft, Yt, Ce, c, we, Je, O, $e]), jt = U(!1);
-  ce(() => {
-    jt.current || (jt.current = !0, O.markAllDirty());
-  }, [O]), Hi(t, () => ({
-    captureToCanvas({ timeStart: r, timeEnd: l, scale: m, sidebarWidth: g }) {
-      const u = x.current, v = 28, k = v * 3, R = u.groups.map((j) => u.layoutEngine.getGroupHeight(j.id)), X = [0];
-      for (let j = 0; j < R.length; j++)
-        X.push(X[j] + R[j]);
-      const Y = X[R.length], N = L.current, ne = u.canvasWidth / (N.visibleTimeEnd - N.visibleTimeStart), z = l - r, J = Math.max(u.canvasWidth, Math.round(z * ne)), q = (g + J) * m, de = (k + Y) * m, Z = document.createElement("canvas");
-      Z.width = q, Z.height = de;
-      const C = Z.getContext("2d");
-      C.scale(m, m);
-      for (let j = 0; j < u.groups.length; j++) {
-        const he = u.groups[j], ue = R[j], _ = k + X[j];
+    }), s;
+  }, [Me, Wt, Bt, we, c, ye, Je, R, Xe]), Ut = A(!1);
+  le(() => {
+    Ut.current || (Ut.current = !0, R.markAllDirty());
+  }, [R]), Pi(t, () => ({
+    captureToCanvas({ timeStart: s, timeEnd: a, scale: g, sidebarWidth: p }) {
+      const u = j.current, b = 28, k = b * 3, D = u.groups.map((G) => u.layoutEngine.getGroupHeight(G.id)), X = [0];
+      for (let G = 0; G < D.length; G++)
+        X.push(X[G] + D[G]);
+      const F = X[D.length], W = L.current, Z = u.canvasWidth / (W.visibleTimeEnd - W.visibleTimeStart), oe = a - s, V = Math.max(u.canvasWidth, Math.round(oe * Z)), N = (p + V) * g, se = (k + F) * g, te = document.createElement("canvas");
+      te.width = N, te.height = se;
+      const O = te.getContext("2d");
+      O.scale(g, g);
+      for (let G = 0; G < u.groups.length; G++) {
+        const Te = u.groups[G], Se = D[G], z = k + X[G];
         if (u.rowStyle) {
-          const Q = u.rowStyle(he);
-          Q != null && Q.backgroundColor && (C.fillStyle = Q.backgroundColor, C.fillRect(0, _, g, ue));
+          const ue = u.rowStyle(Te);
+          ue != null && ue.backgroundColor && (O.fillStyle = ue.backgroundColor, O.fillRect(0, z, p, Se));
         }
-        const re = he.type;
-        let V = "400", G = 8;
-        re === "project" ? V = "700" : re === "CAG" ? V = "600" : re === "CA" && (V = "400", G = 24), C.fillStyle = "#111", C.font = `${V} 12px sans-serif`, C.textBaseline = "middle", C.fillText(he.title, G, _ + ue / 2, g - G - 4);
+        const ae = Te.type;
+        let re = "400", q = 8;
+        ae === "project" ? re = "700" : ae === "CAG" ? re = "600" : ae === "CA" && (re = "400", q = 24), O.fillStyle = "#111", O.font = `${re} 12px sans-serif`, O.textBaseline = "middle", O.fillText(Te.title, q, z + Se / 2, p - q - 4);
       }
-      const S = (j, he, ue) => {
-        var V, G;
-        C.fillStyle = ((V = u.theme.header) == null ? void 0 : V.bg) ?? "#f5f5f5", C.fillRect(g, j, J, v), C.strokeStyle = ((G = u.theme.grid) == null ? void 0 : G.line) ?? "#e0e0e0", C.lineWidth = 1, C.strokeRect(g, j, J, v);
-        let _ = Te(r, u.timezone).startOf(ue);
-        _.valueOf() < r && (_ = _.add(1, ue));
-        const re = J / (l - r);
-        for (; _.valueOf() < l; ) {
-          const Q = _.add(1, ue), ae = g + (_.valueOf() - r) * re, pe = g + (Math.min(Q.valueOf(), l) - r) * re - ae;
-          C.beginPath(), C.moveTo(ae, j), C.lineTo(ae, j + v), C.stroke(), C.fillStyle = "#333", C.font = "600 11px sans-serif", C.textBaseline = "middle", C.textAlign = "center", C.fillText(he(_), ae + pe / 2, j + v / 2, pe - 4), _ = Q;
+      const S = (G, Te, Se) => {
+        var re, q;
+        O.fillStyle = ((re = u.theme.header) == null ? void 0 : re.bg) ?? "#f5f5f5", O.fillRect(p, G, V, b), O.strokeStyle = ((q = u.theme.grid) == null ? void 0 : q.line) ?? "#e0e0e0", O.lineWidth = 1, O.strokeRect(p, G, V, b);
+        let z = pe(s, u.timezone).startOf(Se);
+        z.valueOf() < s && (z = z.add(1, Se));
+        const ae = V / (a - s);
+        for (; z.valueOf() < a; ) {
+          const ue = z.add(1, Se), fe = p + (z.valueOf() - s) * ae, ge = p + (Math.min(ue.valueOf(), a) - s) * ae - fe;
+          O.beginPath(), O.moveTo(fe, G), O.lineTo(fe, G + b), O.stroke(), O.fillStyle = "#333", O.font = "600 11px sans-serif", O.textBaseline = "middle", O.textAlign = "center", O.fillText(Te(z), fe + ge / 2, G + b / 2, ge - 4), z = ue;
         }
-        C.textAlign = "start";
+        O.textAlign = "start";
       };
-      S(0, (j) => j.format("YYYY"), "year"), S(v, (j) => j.format("MM"), "month"), S(v * 2, (j) => String(j.isoWeek()), "week");
-      const ge = new yt({
-        visibleTimeStart: r,
-        visibleTimeEnd: l,
-        canvasWidth: J,
-        canvasHeight: Y,
+      S(0, (G) => G.format("YYYY"), "year"), S(b, (G) => G.format("MM"), "month"), S(b * 2, (G) => String(G.isoWeek()), "week");
+      const Fe = new Tt({
+        visibleTimeStart: s,
+        visibleTimeEnd: a,
+        canvasWidth: V,
+        canvasHeight: F,
         sidebarWidth: 0,
         lineHeight: u.lineHeight,
         groupCount: u.groups.length,
         buffer: 1,
         scrollTop: 0,
-        groupHeights: R
+        groupHeights: D
       });
-      return C.save(), C.translate(g, k), C.beginPath(), C.rect(0, 0, J, Y), C.clip(), Fe.draw(C, ge, u.groups, u.theme, u.dayStyle, u.rowStyle, u.highlights, u.timezone), Ye.draw(C, ge, u.groups, u.items, u.intervalTree, u.layoutEngine, u.itemRenderer, u.groupRenderer, u.theme, u.selected, void 0, u.dependencies, u.summaryRenderer, u.hierarchyEngine), _e.draw(C, ge, u.theme, {
+      return O.save(), O.translate(p, k), O.beginPath(), O.rect(0, 0, V, F), O.clip(), $e.draw(O, Fe, u.groups, u.theme, u.dayStyle, u.rowStyle, u.highlights, u.timezone), _e.draw(O, Fe, u.groups, u.items, u.intervalTree, u.layoutEngine, u.itemRenderer, u.groupRenderer, u.theme, u.selected, void 0, u.dependencies, u.summaryRenderer, u.hierarchyEngine), Ye.draw(O, Fe, u.theme, {
         cursorX: null,
         snapX: null,
         markers: je.current,
         interaction: null
-      }), C.restore(), Z;
+      }), O.restore(), te;
     }
-  }), [Fe, Ye, _e]), ce(() => {
-    const r = {
-      captureToCanvas({ timeStart: l, timeEnd: m, scale: g, sidebarWidth: u }) {
-        var ue;
-        const v = x.current, k = 28, R = k * 3, X = v.groups.map((_) => v.layoutEngine.getGroupHeight(_.id)), Y = [0];
-        for (let _ = 0; _ < X.length; _++)
-          Y.push(Y[_] + X[_]);
-        const N = Y[X.length], ne = L.current, z = v.canvasWidth / (ne.visibleTimeEnd - ne.visibleTimeStart), J = m - l, q = Math.max(v.canvasWidth, Math.round(J * z)), de = u + q, Z = R + N, C = document.createElement("canvas");
-        C.width = de * g, C.height = Z * g;
-        const S = C.getContext("2d");
-        S.scale(g, g), S.fillStyle = "#FFFFFF", S.fillRect(0, 0, de, Z), S.save(), S.beginPath(), S.rect(0, 0, u, Z), S.clip(), S.fillStyle = "#F9FAFB", S.fillRect(0, 0, u, R), S.strokeStyle = "#E5E7EB", S.lineWidth = 1, S.strokeRect(0, 0, u, R);
-        for (let _ = 0; _ < v.groups.length; _++) {
-          const re = v.groups[_], V = X[_], G = R + Y[_], Q = (ue = v.rowStyle) == null ? void 0 : ue.call(v, re);
-          S.fillStyle = (Q == null ? void 0 : Q.backgroundColor) ?? (_ % 2 === 0 ? "#FFFFFF" : "#F7F7F7"), S.fillRect(0, G, u, V), S.strokeStyle = "#E5E5E5", S.lineWidth = 0.5, S.beginPath(), S.moveTo(0, G + V), S.lineTo(u, G + V), S.stroke();
-          const ae = re.type ?? "";
-          let fe = 8, pe = "400", Pe = 11;
-          ae === "project" ? (pe = "700", Pe = 12) : ae === "control_area_group" ? pe = "600" : ae === "control_area" && (fe = 24), S.fillStyle = "#374151", S.font = `${pe} ${Pe}px -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif`, S.textBaseline = "middle";
-          const Ci = typeof re.title == "string" ? re.title : String(re.title);
-          S.fillText(Ci, fe, G + V / 2, u - fe - 8);
+  }), [$e, _e, Ye]), le(() => {
+    const s = {
+      captureToCanvas({ timeStart: a, timeEnd: g, scale: p, sidebarWidth: u }) {
+        var Se;
+        const b = j.current, k = 28, D = k * 3, X = b.groups.map((z) => b.layoutEngine.getGroupHeight(z.id)), F = [0];
+        for (let z = 0; z < X.length; z++)
+          F.push(F[z] + X[z]);
+        const W = F[X.length], Z = L.current, oe = b.canvasWidth / (Z.visibleTimeEnd - Z.visibleTimeStart), V = g - a, N = Math.max(b.canvasWidth, Math.round(V * oe)), se = u + N, te = D + W, O = document.createElement("canvas");
+        O.width = se * p, O.height = te * p;
+        const S = O.getContext("2d");
+        S.scale(p, p), S.fillStyle = "#FFFFFF", S.fillRect(0, 0, se, te), S.save(), S.beginPath(), S.rect(0, 0, u, te), S.clip(), S.fillStyle = "#F9FAFB", S.fillRect(0, 0, u, D), S.strokeStyle = "#E5E7EB", S.lineWidth = 1, S.strokeRect(0, 0, u, D);
+        for (let z = 0; z < b.groups.length; z++) {
+          const ae = b.groups[z], re = X[z], q = D + F[z], ue = (Se = b.rowStyle) == null ? void 0 : Se.call(b, ae);
+          S.fillStyle = (ue == null ? void 0 : ue.backgroundColor) ?? (z % 2 === 0 ? "#FFFFFF" : "#F7F7F7"), S.fillRect(0, q, u, re), S.strokeStyle = "#E5E5E5", S.lineWidth = 0.5, S.beginPath(), S.moveTo(0, q + re), S.lineTo(u, q + re), S.stroke();
+          const fe = ae.type ?? "";
+          let Re = 8, ge = "400", Oe = 11;
+          fe === "project" ? (ge = "700", Oe = 12) : fe === "control_area_group" ? ge = "600" : fe === "control_area" && (Re = 24), S.fillStyle = "#374151", S.font = `${ge} ${Oe}px -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif`, S.textBaseline = "middle";
+          const Ri = typeof ae.title == "string" ? ae.title : String(ae.title);
+          S.fillText(Ri, Re, q + re / 2, u - Re - 8);
         }
-        S.strokeStyle = "#E5E7EB", S.lineWidth = 1, S.beginPath(), S.moveTo(u, 0), S.lineTo(u, Z), S.stroke(), S.restore(), S.save(), S.beginPath(), S.rect(u, 0, q, R), S.clip();
-        const ge = m - l, j = [
+        S.strokeStyle = "#E5E7EB", S.lineWidth = 1, S.beginPath(), S.moveTo(u, 0), S.lineTo(u, te), S.stroke(), S.restore(), S.save(), S.beginPath(), S.rect(u, 0, N, D), S.clip();
+        const Fe = g - a, G = [
           { unit: "year", row: 0 },
           { unit: "month", row: 1 },
           { unit: "week", row: 2 }
         ];
-        for (const { unit: _, row: re } of j) {
-          const V = re * k;
-          S.fillStyle = "#F9FAFB", S.fillRect(u, V, q, k);
-          let G = Te(l, v.timezone).startOf(_);
-          const Q = Te(m, v.timezone).add(1, _);
-          for (; G.isBefore(Q); ) {
-            const ae = G.add(1, _), fe = u + (G.valueOf() - l) / ge * q, pe = (ae.valueOf() - G.valueOf()) / ge * q;
-            S.strokeStyle = "#E5E7EB", S.lineWidth = 0.5, S.strokeRect(fe, V, pe, k);
-            let Pe;
-            _ === "year" ? Pe = G.format("YYYY") : _ === "month" ? Pe = G.format("MM") : Pe = `${G.week()}`, S.fillStyle = "#6c737f", S.font = _ === "year" ? '600 11px -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif' : '400 11px -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif', S.textBaseline = "middle", S.textAlign = "center", pe > 20 && S.fillText(Pe, fe + pe / 2, V + k / 2), G = ae;
+        for (const { unit: z, row: ae } of G) {
+          const re = ae * k;
+          S.fillStyle = "#F9FAFB", S.fillRect(u, re, N, k);
+          let q = pe(a, b.timezone).startOf(z);
+          const ue = pe(g, b.timezone).add(1, z);
+          for (; q.isBefore(ue); ) {
+            const fe = q.add(1, z), Re = u + (q.valueOf() - a) / Fe * N, ge = (fe.valueOf() - q.valueOf()) / Fe * N;
+            S.strokeStyle = "#E5E7EB", S.lineWidth = 0.5, S.strokeRect(Re, re, ge, k);
+            let Oe;
+            z === "year" ? Oe = q.format("YYYY") : z === "month" ? Oe = q.format("MM") : Oe = `${q.week()}`, S.fillStyle = "#6c737f", S.font = z === "year" ? '600 11px -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif' : '400 11px -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif', S.textBaseline = "middle", S.textAlign = "center", ge > 20 && S.fillText(Oe, Re + ge / 2, re + k / 2), q = fe;
           }
         }
-        S.textAlign = "start", S.restore(), S.save(), S.beginPath(), S.rect(u, R, q, N), S.clip(), S.translate(u, R);
-        const he = new yt({
-          visibleTimeStart: l,
-          visibleTimeEnd: m,
-          canvasWidth: q,
-          canvasHeight: N,
+        S.textAlign = "start", S.restore(), S.save(), S.beginPath(), S.rect(u, D, N, W), S.clip(), S.translate(u, D);
+        const Te = new Tt({
+          visibleTimeStart: a,
+          visibleTimeEnd: g,
+          canvasWidth: N,
+          canvasHeight: W,
           sidebarWidth: 0,
-          lineHeight: v.lineHeight,
-          groupCount: v.groups.length,
+          lineHeight: b.lineHeight,
+          groupCount: b.groups.length,
           buffer: 1,
           scrollTop: 0,
           groupHeights: X
         });
-        return Fe.draw(S, he, v.groups, v.theme, v.dayStyle, v.rowStyle, v.highlights, v.timezone), Ye.draw(S, he, v.groups, v.items, v.intervalTree, v.layoutEngine, v.itemRenderer, v.groupRenderer, v.theme, v.selected, void 0, v.dependencies, v.summaryRenderer, v.hierarchyEngine), _e.draw(S, he, v.theme, { cursorX: null, markers: je.current }), S.restore(), C;
+        return $e.draw(S, Te, b.groups, b.theme, b.dayStyle, b.rowStyle, b.highlights, b.timezone), _e.draw(S, Te, b.groups, b.items, b.intervalTree, b.layoutEngine, b.itemRenderer, b.groupRenderer, b.theme, b.selected, void 0, b.dependencies, b.summaryRenderer, b.hierarchyEngine), Ye.draw(S, Te, b.theme, { cursorX: null, markers: je.current }), S.restore(), O;
       }
     };
-    Ke == null || Ke(r);
-  }, [Ke, Fe, Ye, _e]);
-  const ki = {
+    Ke == null || Ke(s);
+  }, [Ke, $e, _e, Ye]);
+  const Di = {
     position: "relative",
-    width: Ce,
-    height: ye,
+    width: we,
+    height: me,
     overflow: "hidden",
     cursor: "default"
-  }, bt = { position: "absolute", top: 0, left: 0 };
-  return Ve("div", { ref: Ot, style: { display: "flex", flexDirection: "column", width: "100%", position: "relative" }, children: [si ? Ve("div", { style: {
+  }, yt = { position: "absolute", top: 0, left: 0 };
+  return Ve("div", { ref: Xt, style: { display: "flex", flexDirection: "column", width: "100%", position: "relative" }, children: [di ? Ve("div", { style: {
     position: "absolute",
     top: 0,
     left: 0,
@@ -1690,31 +1704,31 @@ const Qt = 32, dn = me.memo(Ei(function(e, t) {
     borderBottomRightRadius: 4,
     pointerEvents: "none",
     userSelect: "none"
-  }, children: ["v", "0.7.0", " · ", "07:45:36"] }) : null, wi, Ve("div", { ref: Pt, style: { display: "flex", overflow: "hidden", maxHeight: Be ?? void 0 }, children: [le(qt, { groups: n, width: c, lineHeight: a, groupHeights: Re, scrollTop: _t, canvasHeight: ye, theme: we, groupRenderer: B, onScroll: (r) => {
-    L.current.update({ scrollTop: r }), O.markDirty("grid"), O.markDirty("items"), O.markDirty("overlay"), et(r);
-  } }), Ve("div", { ref: Le, style: ki, onPointerMove: vi, onPointerDown: bi, onPointerUp: yi, onDoubleClick: Ti, onContextMenu: Si, onPointerLeave: Mi, children: [le("canvas", { ref: Dt, style: { ...bt, zIndex: 0 } }), le("canvas", { ref: It, style: { ...bt, zIndex: 1 } }), le("canvas", { ref: Rt, style: { ...bt, zIndex: 2 } })] }), ut && Et ? le(qt, { groups: n, width: ut, lineHeight: a, groupHeights: Re, scrollTop: _t, canvasHeight: ye, theme: we, groupRenderer: Et, onScroll: (r) => {
-    L.current.update({ scrollTop: r }), O.markDirty("grid"), O.markDirty("items"), O.markDirty("overlay"), et(r);
+  }, children: ["v", "0.8.1", " · ", "08:37:39"] }) : null, Ii, Ve("div", { ref: $t, style: { display: "flex", overflow: "hidden", maxHeight: Be ?? void 0 }, children: [ne(Qt, { groups: n, width: c, lineHeight: l, groupHeights: Ie, scrollTop: zt, canvasHeight: me, theme: ye, groupRenderer: B, onScroll: (s) => {
+    L.current.update({ scrollTop: s }), R.markDirty("grid"), R.markDirty("items"), R.markDirty("overlay"), et(s);
+  } }), Ve("div", { ref: ze, style: Di, onPointerMove: Mi, onPointerDown: wi, onPointerUp: ki, onDoubleClick: Ci, onContextMenu: Ei, onPointerLeave: Hi, children: [ne("canvas", { ref: Rt, style: { ...yt, zIndex: 0 } }), ne("canvas", { ref: Ot, style: { ...yt, zIndex: 1 } }), ne("canvas", { ref: Pt, style: { ...yt, zIndex: 2 } })] }), ut && It ? ne(Qt, { groups: n, width: ut, lineHeight: l, groupHeights: Ie, scrollTop: zt, canvasHeight: me, theme: ye, groupRenderer: It, onScroll: (s) => {
+    L.current.update({ scrollTop: s }), R.markDirty("grid"), R.markDirty("items"), R.markDirty("overlay"), et(s);
   } }) : null] })] });
 }));
-function Ki({ children: i, theme: e, className: t, classNames: n, style: o, visibleTimeStart: d, visibleTimeEnd: s, canvasWidth: c, sidebarWidth: a = 0, onZoomToInterval: b, timezone: H }) {
-  const p = me.Children.map(i, (f) => {
+function sn({ children: i, theme: e, className: t, classNames: n, style: r, visibleTimeStart: d, visibleTimeEnd: o, canvasWidth: c, sidebarWidth: l = 0, onZoomToInterval: v, timezone: C }) {
+  const h = ce.Children.map(i, (f) => {
     var T;
-    if (!me.isValidElement(f))
+    if (!ce.isValidElement(f))
       return f;
     if (((T = f.type) == null ? void 0 : T.displayName) === "DateHeader") {
-      const h = f.props, E = me.cloneElement(f, {
-        visibleTimeStart: h.visibleTimeStart ?? d,
-        visibleTimeEnd: h.visibleTimeEnd ?? s,
-        canvasWidth: h.canvasWidth ?? c,
-        theme: h.theme ?? e,
-        onZoomToInterval: h.onIntervalClick ?? h.onZoomToInterval ?? b,
-        timezone: h.timezone ?? H
+      const m = f.props, E = ce.cloneElement(f, {
+        visibleTimeStart: m.visibleTimeStart ?? d,
+        visibleTimeEnd: m.visibleTimeEnd ?? o,
+        canvasWidth: m.canvasWidth ?? c,
+        theme: m.theme ?? e,
+        onZoomToInterval: m.onIntervalClick ?? m.onZoomToInterval ?? v,
+        timezone: m.timezone ?? C
       });
-      return Ve("div", { style: { display: "flex" }, children: [le("div", { style: { width: a, flexShrink: 0 } }), le("div", { style: { flex: 1, overflow: "hidden" }, children: E })] });
+      return Ve("div", { style: { display: "flex" }, children: [ne("div", { style: { width: l, flexShrink: 0 } }), ne("div", { style: { flex: 1, overflow: "hidden" }, children: E })] });
     }
     return f;
   });
-  return le("div", { className: t, style: {
+  return ne("div", { className: t, style: {
     position: "sticky",
     top: 0,
     zIndex: 20,
@@ -1723,65 +1737,65 @@ function Ki({ children: i, theme: e, className: t, classNames: n, style: o, 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"}`,
-    ...o
-  }, children: p });
+    ...r
+  }, children: h });
 }
-Ki.displayName = "TimelineHeaders";
-var oi = { exports: {} };
+sn.displayName = "TimelineHeaders";
+var ci = { exports: {} };
 (function(i, e) {
   (function(t, n) {
     i.exports = n();
   })(lt, function() {
     var t = "week", n = "year";
-    return function(o, d, s) {
+    return function(r, d, o) {
       var c = d.prototype;
-      c.week = function(a) {
-        if (a === void 0 && (a = null), a !== null) return this.add(7 * (a - this.week()), "day");
-        var b = this.$locale().yearStart || 1;
+      c.week = function(l) {
+        if (l === void 0 && (l = null), l !== null) return this.add(7 * (l - this.week()), "day");
+        var v = this.$locale().yearStart || 1;
         if (this.month() === 11 && this.date() > 25) {
-          var H = s(this).startOf(n).add(1, n).date(b), p = s(this).endOf(t);
-          if (H.isBefore(p)) return 1;
+          var C = o(this).startOf(n).add(1, n).date(v), h = o(this).endOf(t);
+          if (C.isBefore(h)) return 1;
         }
-        var f = s(this).startOf(n).date(b).startOf(t).subtract(1, "millisecond"), M = this.diff(f, t, !0);
-        return M < 0 ? s(this).startOf("week").week() : Math.ceil(M);
-      }, c.weeks = function(a) {
-        return a === void 0 && (a = null), this.week(a);
+        var f = o(this).startOf(n).date(v).startOf(t).subtract(1, "millisecond"), M = this.diff(f, t, !0);
+        return M < 0 ? o(this).startOf("week").week() : Math.ceil(M);
+      }, c.weeks = function(l) {
+        return l === void 0 && (l = null), this.week(l);
       };
     };
   });
-})(oi);
-var Ji = oi.exports;
-const Qi = /* @__PURE__ */ at(Ji);
-We.extend(Qi);
-const en = {
+})(ci);
+var ln = ci.exports;
+const an = /* @__PURE__ */ at(ln);
+We.extend(an);
+const un = {
   year: 30,
   month: 30,
   week: 20,
   day: 15,
   hour: 30
 };
-function tn({ unit: i, visibleTimeStart: e = 0, visibleTimeEnd: t = 0, canvasWidth: n = 0, theme: o, height: d = 28, className: s, labelFormat: c, onIntervalClick: a, minCellWidth: b, onZoomToInterval: H, timezone: p }) {
-  const f = ee(() => {
+function cn({ unit: i, visibleTimeStart: e = 0, visibleTimeEnd: t = 0, canvasWidth: n = 0, theme: r, height: d = 28, className: o, labelFormat: c, onIntervalClick: l, minCellWidth: v, onZoomToInterval: C, timezone: h }) {
+  const f = K(() => {
     if (!e || !t || !n)
       return [];
-    const T = t - e, h = b ?? en[i];
-    if (h > 0) {
-      const y = Te(e, p).startOf(i);
-      if ((y.add(1, i).valueOf() - y.valueOf()) / T * n < h)
+    const T = t - e, m = v ?? un[i];
+    if (m > 0) {
+      const y = pe(e, h).startOf(i);
+      if ((y.add(1, i).valueOf() - y.valueOf()) / T * n < m)
         return [];
     }
     const E = [];
-    let P = Te(e, p).startOf(i).subtract(1, i);
-    const W = Te(t, p).add(2, i).valueOf();
-    for (; P.valueOf() < W; ) {
-      const y = P.add(1, i), D = P.valueOf(), w = y.valueOf(), $ = (D - e) / T * n, B = (w - D) / T * n, I = nn(P, y, i, c);
-      E.push({ start: D, end: w, label: I, left: $, width: B }), P = y;
+    let P = pe(e, h).startOf(i).subtract(1, i);
+    const Y = pe(t, h).add(2, i).valueOf();
+    for (; P.valueOf() < Y; ) {
+      const y = P.add(1, i), H = P.valueOf(), w = y.valueOf(), $ = (H - e) / T * n, B = (w - H) / T * n, I = dn(P, y, i, c);
+      E.push({ start: H, end: w, label: I, left: $, width: B }), P = y;
     }
     return E;
-  }, [e, t, n, i, c, b, p]), M = oe((T, h) => {
-    a ? a(T, h) : H && H(T, h);
-  }, [a, H]);
-  return f.length === 0 ? null : le("div", { style: { display: "flex", position: "relative", height: d, overflow: "hidden" }, children: f.map((T) => le("div", { className: s, onClick: () => M(T.start, T.end), style: {
+  }, [e, t, n, i, c, v, h]), M = Q((T, m) => {
+    l ? l(T, m) : C && C(T, m);
+  }, [l, C]);
+  return f.length === 0 ? null : ne("div", { style: { display: "flex", position: "relative", height: d, overflow: "hidden" }, children: f.map((T) => ne("div", { className: o, onClick: () => M(T.start, T.end), style: {
     position: "absolute",
     left: T.left,
     width: T.width,
@@ -1789,24 +1803,24 @@ function tn({ unit: i, visibleTimeStart: e = 0, visibleTimeEnd: t = 0, canvasWid
     display: "flex",
     alignItems: "center",
     justifyContent: "center",
-    borderRight: `1px solid ${(o == null ? void 0 : o.header.border) ?? "#E5E7EB"}`,
-    borderBottom: `1px solid ${(o == null ? void 0 : o.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: (o == null ? void 0 : o.header.text) ?? "#6c737f",
-    backgroundColor: (o == null ? void 0 : o.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: le("span", { children: T.label }) }, T.start)) });
+  }, children: ne("span", { children: T.label }) }, T.start)) });
 }
-tn.displayName = "DateHeader";
-function nn(i, e, t, n, o) {
-  return typeof n == "function" ? n(i.toDate(), e.toDate(), t) : typeof n == "string" ? i.format(n) : rn(i, t);
+cn.displayName = "DateHeader";
+function dn(i, e, t, n, r) {
+  return typeof n == "function" ? n(i.toDate(), e.toDate(), t) : typeof n == "string" ? i.format(n) : fn(i, t);
 }
-function rn(i, e) {
+function fn(i, e) {
   switch (e) {
     case "year":
       return i.format("YYYY");
@@ -1820,24 +1834,24 @@ function rn(i, e) {
       return i.format("HH:mm");
   }
 }
-function on({ width: i, children: e, style: t }) {
+function hn({ width: i, children: e, style: t }) {
   const n = () => ({ style: { width: i, ...t } });
-  return e ? le(ei, { children: e({ getRootProps: n }) }) : le("div", { style: { width: i } });
+  return e ? ne(ni, { children: e({ getRootProps: n }) }) : ne("div", { style: { width: i } });
 }
-on.displayName = "SidebarHeader";
-function sn({ children: i }) {
-  return le(ei, { children: i });
+hn.displayName = "SidebarHeader";
+function mn({ children: i }) {
+  return ne(ni, { children: i });
 }
-sn.displayName = "CustomHeader";
+mn.displayName = "CustomHeader";
 export {
-  dn as CanvasTimeline,
-  sn as CustomHeader,
-  Vi as CustomMarker,
-  He as DEFAULT_THEME,
-  tn as DateHeader,
-  Oi as HierarchyEngine,
-  on as SidebarHeader,
-  Ki as TimelineHeaders,
-  Zi as TodayMarker
+  yn as CanvasTimeline,
+  mn as CustomHeader,
+  rn as CustomMarker,
+  Ce as DEFAULT_THEME,
+  cn as DateHeader,
+  Yi as HierarchyEngine,
+  hn as SidebarHeader,
+  sn as TimelineHeaders,
+  tn as TodayMarker
 };
 //# sourceMappingURL=canvas-timeline.es.js.map