@taskctrl/canvas-timeline 0.5.0 → 0.6.0

package/dist/canvas-timeline.es.js

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