@taskctrl/canvas-timeline 0.4.5 → 0.6.0

package/dist/canvas-timeline.es.js

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