@taskctrl/canvas-timeline 0.10.1 → 0.10.3

package/dist/canvas-timeline.es.js

@@ -85,11 +85,11 @@ class wt {
     e.visibleTimeStart !== void 0 && (this.visibleTimeStart = e.visibleTimeStart), e.visibleTimeEnd !== void 0 && (this.visibleTimeEnd = e.visibleTimeEnd), e.canvasWidth !== void 0 && (this.canvasWidth = e.canvasWidth), e.canvasHeight !== void 0 && (this.canvasHeight = e.canvasHeight), e.sidebarWidth !== void 0 && (this.sidebarWidth = e.sidebarWidth), e.lineHeight !== void 0 && (this.lineHeight = e.lineHeight), e.groupCount !== void 0 && (this.groupCount = e.groupCount), e.buffer !== void 0 && (this.buffer = e.buffer), e.scrollTop !== void 0 && (this.scrollTop = e.scrollTop), e.groupHeights !== void 0 && (this.groupHeights = e.groupHeights ?? null), this.visibleDuration = this.visibleTimeEnd - this.visibleTimeStart, this.pixelsPerMs = this.canvasWidth / this.visibleDuration, this.recomputeGroupYOffsets();
   }
   recomputeGroupYOffsets() {
-    var i;
+    var t;
     const e = new Array(this.groupCount + 1);
     e[0] = 0;
     for (let n = 0; n < this.groupCount; n++) {
-      const r = ((i = this.groupHeights) == null ? void 0 : i[n]) ?? this.lineHeight;
+      const r = ((t = this.groupHeights) == null ? void 0 : t[n]) ?? this.lineHeight;
       e[n + 1] = e[n] + r;
     }
     this.groupYOffsets = e;
@@ -103,15 +103,15 @@ class wt {
   yToGroupIndex(e) {
     if (this.groupCount === 0)
       return 0;
-    const i = e + this.scrollTop;
-    if (i <= 0)
+    const t = e + this.scrollTop;
+    if (t <= 0)
       return 0;
-    if (i >= this.groupYOffsets[this.groupCount])
+    if (t >= this.groupYOffsets[this.groupCount])
       return this.groupCount - 1;
     let n = 0, r = this.groupCount - 1;
     for (; n < r; ) {
-      const u = n + r >>> 1;
-      this.groupYOffsets[u + 1] > i ? r = u : n = u + 1;
+      const c = n + r >>> 1;
+      this.groupYOffsets[c + 1] > t ? r = c : n = c + 1;
     }
     return n;
   }
@@ -119,8 +119,8 @@ class wt {
     return e < 0 ? -this.scrollTop : e >= this.groupCount ? (this.groupYOffsets[this.groupCount] ?? 0) - this.scrollTop : this.groupYOffsets[e] - this.scrollTop;
   }
   groupIndexToHeight(e) {
-    var i;
-    return e < 0 || e >= this.groupCount ? this.lineHeight : ((i = this.groupHeights) == null ? void 0 : i[e]) ?? this.lineHeight;
+    var t;
+    return e < 0 || e >= this.groupCount ? this.lineHeight : ((t = this.groupHeights) == null ? void 0 : t[e]) ?? this.lineHeight;
   }
   getBufferBounds() {
     const e = this.visibleDuration * 1.5;
@@ -132,18 +132,18 @@ class wt {
   getVisibleGroupRange() {
     if (this.groupCount === 0)
       return { firstVisible: 0, lastVisible: -1 };
-    const e = this.yToGroupIndex(0), i = this.yToGroupIndex(this.canvasHeight);
-    return { firstVisible: e, lastVisible: i };
+    const e = this.yToGroupIndex(0), t = this.yToGroupIndex(this.canvasHeight);
+    return { firstVisible: e, lastVisible: t };
   }
   isScrollInBuffer(e) {
-    const i = this.visibleDuration * 1.5 * this.pixelsPerMs;
-    return Math.abs(e) < i;
+    const t = this.visibleDuration * 1.5 * this.pixelsPerMs;
+    return Math.abs(e) < t;
   }
   getTotalHeight() {
     return this.groupYOffsets[this.groupCount] ?? 0;
   }
 }
-class xi {
+class zi {
   constructor() {
     Object.defineProperty(this, "root", {
       enumerable: !0,
@@ -152,44 +152,45 @@ class xi {
       value: null
     });
   }
-  buildFromItems(e, i, n) {
-    const r = e.map((u) => ({
-      item: u,
-      start: i(u),
-      end: n(u)
+  buildFromItems(e, t, n) {
+    const r = e.map((c) => ({
+      item: c,
+      start: t(c),
+      end: n(c)
     }));
     this.root = this.buildNode(r);
   }
   buildNode(e) {
     if (e.length === 0)
       return null;
-    let i = 1 / 0, n = -1 / 0;
-    for (const s of e)
-      s.start < i && (i = s.start), s.end > n && (n = s.end);
-    const r = (i + n) / 2, u = [], o = [], c = [];
-    for (const s of e)
-      s.end < r ? u.push(s) : s.start > r ? o.push(s) : c.push(s);
-    return {
-      center: r,
-      left: this.buildNode(u),
-      right: this.buildNode(o),
-      overlapping: c
+    const t = [];
+    for (const a of e)
+      Number.isFinite(a.start) && t.push(a.start), Number.isFinite(a.end) && t.push(a.end);
+    t.sort((a, l) => a - l);
+    const n = t.length === 0 ? 0 : t[t.length >> 1], r = [], c = [], o = [];
+    for (const a of e)
+      a.end < n ? r.push(a) : a.start > n ? c.push(a) : o.push(a);
+    return r.length === e.length || c.length === e.length ? { center: n, left: null, right: null, overlapping: e } : {
+      center: n,
+      left: this.buildNode(r),
+      right: this.buildNode(c),
+      overlapping: o
     };
   }
-  query(e, i) {
+  query(e, t) {
     const n = [];
-    return this.queryNode(this.root, e, i, n), n;
+    return this.queryNode(this.root, e, t, n), n;
   }
-  queryNode(e, i, n, r) {
+  queryNode(e, t, n, r) {
     if (e !== null) {
-      for (const u of e.overlapping)
-        u.start <= n && u.end >= i && r.push(u.item);
-      i <= e.center && e.left !== null && this.queryNode(e.left, i, n, r), n >= e.center && e.right !== null && this.queryNode(e.right, i, n, r);
+      for (const c of e.overlapping)
+        c.start <= n && c.end >= t && r.push(c.item);
+      t <= e.center && e.left !== null && this.queryNode(e.left, t, n, r), n >= e.center && e.right !== null && this.queryNode(e.right, t, n, r);
     }
   }
 }
-class zi {
-  constructor(e, i) {
+class xi {
+  constructor(e, t) {
     Object.defineProperty(this, "lineHeight", {
       enumerable: !0,
       configurable: !0,
@@ -210,69 +211,69 @@ class zi {
       configurable: !0,
       writable: !0,
       value: /* @__PURE__ */ new Map()
-    }), this.lineHeight = e, this.itemHeightRatio = i;
+    }), this.lineHeight = e, this.itemHeightRatio = t;
   }
-  computeLayout(e, i, n) {
+  computeLayout(e, t, n) {
     this.layoutCache = /* @__PURE__ */ new Map(), this.groupMaxStack = /* @__PURE__ */ new Map();
-    const r = this.lineHeight * this.itemHeightRatio, u = r * 0.6;
-    if (!i) {
-      for (const c of e) {
-        const s = (n == null ? void 0 : n.isParent(c.id)) ?? !1;
-        this.layoutCache.set(c.id, { stackLevel: 0, itemHeight: s ? u : r }), this.groupMaxStack.set(c.group, 0);
+    const r = this.lineHeight * this.itemHeightRatio, c = r * 0.6;
+    if (!t) {
+      for (const a of e) {
+        const l = (n == null ? void 0 : n.isParent(a.id)) ?? !1;
+        this.layoutCache.set(a.id, { stackLevel: 0, itemHeight: l ? c : r }), this.groupMaxStack.set(a.group, 0);
       }
       return this.layoutCache;
     }
     const o = /* @__PURE__ */ new Map();
-    for (const c of e) {
-      let s = o.get(c.group);
-      s || (s = [], o.set(c.group, s)), s.push(c);
+    for (const a of e) {
+      let l = o.get(a.group);
+      l || (l = [], o.set(a.group, l)), l.push(a);
     }
-    for (const [c, s] of o)
-      n ? this.computeHierarchyLayout(s, n, r, u, c) : this.computeFlatLayout(s, r, c);
+    for (const [a, l] of o)
+      n ? this.computeHierarchyLayout(l, n, r, c, a) : this.computeFlatLayout(l, r, a);
     return this.layoutCache;
   }
-  computeFlatLayout(e, i, n) {
-    e.sort((o, c) => {
-      const s = o.start_time - c.start_time;
-      return s !== 0 ? s : c.end_time - c.start_time - (o.end_time - o.start_time);
+  computeFlatLayout(e, t, n) {
+    e.sort((o, a) => {
+      const l = o.start_time - a.start_time;
+      return l !== 0 ? l : a.end_time - a.start_time - (o.end_time - o.start_time);
     });
     const r = [];
-    let u = 0;
+    let c = 0;
     for (const o of e) {
-      let c = -1;
-      for (let s = 0; s < r.length; s++)
-        if (r[s] <= o.start_time) {
-          c = s;
+      let a = -1;
+      for (let l = 0; l < r.length; l++)
+        if (r[l] <= o.start_time) {
+          a = l;
           break;
         }
-      c === -1 ? (c = r.length, r.push(o.end_time)) : r[c] = o.end_time, c > u && (u = c), this.layoutCache.set(o.id, { stackLevel: c, itemHeight: i });
+      a === -1 ? (a = r.length, r.push(o.end_time)) : r[a] = o.end_time, a > c && (c = a), this.layoutCache.set(o.id, { stackLevel: a, itemHeight: t });
     }
-    this.groupMaxStack.set(n, u);
+    this.groupMaxStack.set(n, c);
   }
-  computeHierarchyLayout(e, i, n, r, u) {
-    const o = [], c = [];
+  computeHierarchyLayout(e, t, n, r, c) {
+    const o = [], a = [];
     for (const m of e)
-      i.isParent(m.id) ? c.push(m) : o.push(m);
+      t.isParent(m.id) ? a.push(m) : o.push(m);
     o.sort((m, f) => {
       const T = m.start_time - f.start_time;
       return T !== 0 ? T : f.end_time - f.start_time - (m.end_time - m.start_time);
     });
-    const s = [];
+    const l = [];
     let h = 0;
     for (const m of o) {
       let f = -1;
-      for (let T = 0; T < s.length; T++)
-        if (s[T] <= m.start_time) {
+      for (let T = 0; T < l.length; T++)
+        if (l[T] <= m.start_time) {
           f = T;
           break;
         }
-      f === -1 ? (f = s.length, s.push(m.end_time)) : s[f] = m.end_time, f > h && (h = f), this.layoutCache.set(m.id, { stackLevel: f, itemHeight: n });
+      f === -1 ? (f = l.length, l.push(m.end_time)) : l[f] = m.end_time, f > h && (h = f), this.layoutCache.set(m.id, { stackLevel: f, itemHeight: n });
     }
-    c.sort((m, f) => i.getNestingDepth(f.id) - i.getNestingDepth(m.id));
+    a.sort((m, f) => t.getNestingDepth(f.id) - t.getNestingDepth(m.id));
     let S = o.length > 0 ? h + 1 : 0;
-    for (const m of c)
+    for (const m of a)
       this.layoutCache.set(m.id, { stackLevel: S, itemHeight: r }), S > h && (h = S), S++;
-    this.groupMaxStack.set(u, h);
+    this.groupMaxStack.set(c, h);
   }
   getLayout(e) {
     return this.layoutCache.get(e);
@@ -307,25 +308,25 @@ class Li {
   }
   rebuild(e) {
     this.parentToChildren = /* @__PURE__ */ new Map(), this.childToParent = /* @__PURE__ */ new Map(), this.itemMap = /* @__PURE__ */ new Map(), this.depthCache = /* @__PURE__ */ new Map();
-    for (const i of e)
-      this.itemMap.set(i.id, i);
-    for (const i of e)
-      if (i.parentId !== void 0 && this.itemMap.has(i.parentId)) {
-        this.childToParent.set(i.id, i.parentId);
-        let n = this.parentToChildren.get(i.parentId);
-        n || (n = [], this.parentToChildren.set(i.parentId, n)), n.push(i.id);
+    for (const t of e)
+      this.itemMap.set(t.id, t);
+    for (const t of e)
+      if (t.parentId !== void 0 && this.itemMap.has(t.parentId)) {
+        this.childToParent.set(t.id, t.parentId);
+        let n = this.parentToChildren.get(t.parentId);
+        n || (n = [], this.parentToChildren.set(t.parentId, n)), n.push(t.id);
       }
-    for (const i of this.childToParent.keys()) {
+    for (const t of this.childToParent.keys()) {
       const n = /* @__PURE__ */ new Set();
-      let r = i;
+      let r = t;
       for (; r !== void 0; ) {
         if (n.has(r)) {
-          const u = this.childToParent.get(i);
-          this.childToParent.delete(i);
-          const o = this.parentToChildren.get(u);
+          const c = this.childToParent.get(t);
+          this.childToParent.delete(t);
+          const o = this.parentToChildren.get(c);
           if (o) {
-            const c = o.indexOf(i);
-            c !== -1 && o.splice(c, 1), o.length === 0 && this.parentToChildren.delete(u);
+            const a = o.indexOf(t);
+            a !== -1 && o.splice(a, 1), o.length === 0 && this.parentToChildren.delete(c);
           }
           break;
         }
@@ -334,8 +335,8 @@ class Li {
     }
   }
   isParent(e) {
-    const i = this.parentToChildren.get(e);
-    return i !== void 0 && i.length > 0;
+    const t = this.parentToChildren.get(e);
+    return t !== void 0 && t.length > 0;
   }
   getParent(e) {
     return this.childToParent.get(e);
@@ -344,131 +345,131 @@ class Li {
     return this.parentToChildren.get(e) ?? [];
   }
   getDescendants(e) {
-    const i = [], n = [...this.getChildren(e)];
+    const t = [], n = [...this.getChildren(e)];
     for (; n.length > 0; ) {
       const r = n.pop();
-      i.push(r);
-      const u = this.parentToChildren.get(r);
-      u && n.push(...u);
+      t.push(r);
+      const c = this.parentToChildren.get(r);
+      c && n.push(...c);
     }
-    return i;
+    return t;
   }
   getEffectiveSpan(e) {
-    const i = this.itemMap.get(e);
-    if (!i)
+    const t = this.itemMap.get(e);
+    if (!t)
       return { start: 0, end: 0 };
-    let n = i.start_time, r = i.end_time;
-    const u = this.getDescendants(e);
-    for (const o of u) {
-      const c = this.itemMap.get(o);
-      c && (c.start_time < n && (n = c.start_time), c.end_time > r && (r = c.end_time));
+    let n = t.start_time, r = t.end_time;
+    const c = this.getDescendants(e);
+    for (const o of c) {
+      const a = this.itemMap.get(o);
+      a && (a.start_time < n && (n = a.start_time), a.end_time > r && (r = a.end_time));
     }
     return { start: n, end: r };
   }
   getNestingDepth(e) {
-    const i = this.depthCache.get(e);
-    if (i !== void 0)
-      return i;
+    const t = this.depthCache.get(e);
+    if (t !== void 0)
+      return t;
     let n = 0, r = this.childToParent.get(e);
     for (; r !== void 0; )
       n++, r = this.childToParent.get(r);
     return this.depthCache.set(e, n), n;
   }
-  getMoveDelta(e, i) {
+  getMoveDelta(e, t) {
     const n = this.itemMap.get(e);
     if (!n)
       return [];
-    const r = i - n.start_time;
+    const r = t - n.start_time;
     return this.getDescendants(e).map((o) => {
-      const c = this.itemMap.get(o);
-      return { itemId: o, newStart: c.start_time + r };
+      const a = this.itemMap.get(o);
+      return { itemId: o, newStart: a.start_time + r };
     });
   }
-  getResizeConstraint(e, i) {
+  getResizeConstraint(e, t) {
     const n = this.getDescendants(e);
     if (n.length === 0)
-      return i === "left" ? { min: -1 / 0, max: 1 / 0 } : { min: -1 / 0, max: 1 / 0 };
-    if (i === "left") {
+      return t === "left" ? { min: -1 / 0, max: 1 / 0 } : { min: -1 / 0, max: 1 / 0 };
+    if (t === "left") {
       let r = 1 / 0;
-      for (const u of n) {
-        const o = this.itemMap.get(u);
+      for (const c of n) {
+        const o = this.itemMap.get(c);
         o && o.start_time < r && (r = o.start_time);
       }
       return { min: -1 / 0, max: r };
     } else {
       let r = -1 / 0;
-      for (const u of n) {
-        const o = this.itemMap.get(u);
+      for (const c of n) {
+        const o = this.itemMap.get(c);
         o && o.end_time > r && (r = o.end_time);
       }
       return { min: r, max: 1 / 0 };
     }
   }
 }
-function Ai(t, e, i, n, r, u) {
-  const { x: o, y: c, width: s, height: h } = i, S = u.primary;
-  t.globalAlpha = 0.15, t.fillStyle = S, t.fillRect(o, c, s, h), t.globalAlpha = 1, t.strokeStyle = S, t.lineWidth = 1.5, t.strokeRect(o, c, s, h);
-  const m = Math.min(h * 0.5, 6), f = c + h / 2;
-  t.fillStyle = S, t.beginPath(), t.moveTo(o, f), t.lineTo(o + m, f - m), t.lineTo(o + m * 2, f), t.lineTo(o + m, f + m), t.closePath(), t.fill(), t.beginPath(), t.moveTo(o + s, f), t.lineTo(o + s - m, f - m), t.lineTo(o + s - m * 2, f), t.lineTo(o + s - m, f + m), t.closePath(), t.fill();
+function Ai(i, e, t, n, r, c) {
+  const { x: o, y: a, width: l, height: h } = t, S = c.primary;
+  i.globalAlpha = 0.15, i.fillStyle = S, i.fillRect(o, a, l, h), i.globalAlpha = 1, i.strokeStyle = S, i.lineWidth = 1.5, i.strokeRect(o, a, l, h);
+  const m = Math.min(h * 0.5, 6), f = a + h / 2;
+  i.fillStyle = S, i.beginPath(), i.moveTo(o, f), i.lineTo(o + m, f - m), i.lineTo(o + m * 2, f), i.lineTo(o + m, f + m), i.closePath(), i.fill(), i.beginPath(), i.moveTo(o + l, f), i.lineTo(o + l - m, f - m), i.lineTo(o + l - m * 2, f), i.lineTo(o + l - m, f + m), i.closePath(), i.fill();
   const T = e.title;
-  if (T && s > 30) {
-    t.fillStyle = u.item.text, t.font = '500 11px -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif', t.textBaseline = "middle";
-    const y = t.measureText(T).width, g = s - m * 4 - 4;
+  if (T && l > 30) {
+    i.fillStyle = c.item.text, i.font = '500 11px -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif', i.textBaseline = "middle";
+    const y = i.measureText(T).width, g = l - m * 4 - 4;
     if (g > 20) {
       const H = y > g ? T.slice(0, Math.floor(T.length * g / y)) + "..." : T;
-      t.fillText(H, o + s / 2 - Math.min(y, g) / 2, f);
+      i.fillText(H, o + l / 2 - Math.min(y, g) / 2, f);
     }
   }
-  n.selected && (t.strokeStyle = u.item.selectedRing, t.lineWidth = 2, t.strokeRect(o - 1, c - 1, s + 2, h + 2));
+  n.selected && (i.strokeStyle = c.item.selectedRing, i.lineWidth = 2, i.strokeRect(o - 1, a - 1, l + 2, h + 2));
 }
-function Ze(t, e, i, n, r, u) {
-  const o = i.xToTime(t), c = /* @__PURE__ */ new Map();
-  for (let m = 0; m < u.length; m++)
-    c.set(u[m].id, m);
-  const s = n.query(o, o);
+function Ze(i, e, t, n, r, c) {
+  const o = t.xToTime(i), a = /* @__PURE__ */ new Map();
+  for (let m = 0; m < c.length; m++)
+    a.set(c[m].id, m);
+  const l = n.query(o, o);
   let h = null, S = -1 / 0;
-  for (const m of s) {
-    const f = c.get(m.group);
+  for (const m of l) {
+    const f = a.get(m.group);
     if (f === void 0)
       continue;
     const T = r.getLayout(m.id);
     if (!T)
       continue;
-    const y = i.timeToX(m.start_time), g = i.timeToX(m.end_time) - y;
-    if (t < y || t > y + g)
+    const y = t.timeToX(m.start_time), g = t.timeToX(m.end_time) - y;
+    if (i < y || i > y + g)
       continue;
-    const Y = i.groupIndexToY(f) + T.stackLevel * i.lineHeight + (i.lineHeight - T.itemHeight) / 2, $ = T.itemHeight;
+    const Y = t.groupIndexToY(f) + T.stackLevel * t.lineHeight + (t.lineHeight - T.itemHeight) / 2, $ = T.itemHeight;
     e < Y || e > Y + $ || Y > S && (S = Y, h = m);
   }
   return h;
 }
-function kt(t, e, i) {
-  const n = e.yToGroupIndex(t);
-  return i[n] ?? null;
+function kt(i, e, t) {
+  const n = e.yToGroupIndex(i);
+  return t[n] ?? null;
 }
-function Qt(t, e, i, n = 6) {
-  const r = i.timeToX(e.start_time), u = i.timeToX(e.end_time);
-  return t - r <= n ? "left" : u - t <= n ? "right" : "body";
+function Qt(i, e, t, n = 6) {
+  const r = t.timeToX(e.start_time), c = t.timeToX(e.end_time);
+  return i - r <= n ? "left" : c - i <= n ? "right" : "body";
 }
-function Ni(t, e) {
-  return t.canResize ?? e;
+function Ni(i, e) {
+  return i.canResize ?? e;
 }
-function ji(t, e) {
-  return t.canMove ?? e;
+function ji(i, e) {
+  return i.canMove ?? e;
 }
-function Jt(t, e, i, n) {
-  const r = Ni(t, i);
-  return e === "left" && (r === "left" || r === "both") ? "resize-left" : e === "right" && (r === "right" || r === "both") ? "resize-right" : t.canResize === !1 && e !== "body" ? null : ji(t, n) ? "move" : null;
+function Jt(i, e, t, n) {
+  const r = Ni(i, t);
+  return e === "left" && (r === "left" || r === "both") ? "resize-left" : e === "right" && (r === "right" || r === "both") ? "resize-right" : i.canResize === !1 && e !== "body" ? null : ji(i, n) ? "move" : null;
 }
-function Ct(t, e, i) {
-  const n = window.devicePixelRatio || 1, r = Math.round(e * n), u = Math.round(i * n);
-  (t.width !== r || t.height !== u) && (t.width = r, t.height = u, t.style.width = `${e}px`, t.style.height = `${i}px`);
-  const o = t.getContext("2d");
+function Ct(i, e, t) {
+  const n = window.devicePixelRatio || 1, r = Math.round(e * n), c = Math.round(t * n);
+  (i.width !== r || i.height !== c) && (i.width = r, i.height = c, i.style.width = `${e}px`, i.style.height = `${t}px`);
+  const o = i.getContext("2d");
   return o.setTransform(n, 0, 0, n, 0, 0), o;
 }
-function Et(t, e) {
-  const i = window.devicePixelRatio || 1;
-  t.clearRect(0, 0, e.width / i, e.height / i);
+function Et(i, e) {
+  const t = window.devicePixelRatio || 1;
+  i.clearRect(0, 0, e.width / t, e.height / t);
 }
 class Gi {
   constructor(e) {
@@ -507,77 +508,77 @@ class Gi {
   }
 }
 var Qe = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
-function Je(t) {
-  return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
+function Je(i) {
+  return i && i.__esModule && Object.prototype.hasOwnProperty.call(i, "default") ? i.default : i;
 }
 var ui = { exports: {} };
-(function(t, e) {
-  (function(i, n) {
-    t.exports = n();
+(function(i, e) {
+  (function(t, n) {
+    i.exports = n();
   })(Qe, function() {
-    var i = "minute", n = /[+-]\d\d(?::?\d\d)?/g, r = /([+-]|\d\d)/g;
-    return function(u, o, c) {
-      var s = o.prototype;
-      c.utc = function(g) {
+    var t = "minute", n = /[+-]\d\d(?::?\d\d)?/g, r = /([+-]|\d\d)/g;
+    return function(c, o, a) {
+      var l = o.prototype;
+      a.utc = function(g) {
         var H = { date: g, utc: !0, args: arguments };
         return new o(H);
-      }, s.utc = function(g) {
-        var H = c(this.toDate(), { locale: this.$L, utc: !0 });
-        return g ? H.add(this.utcOffset(), i) : H;
-      }, s.local = function() {
-        return c(this.toDate(), { locale: this.$L, utc: !1 });
+      }, l.utc = function(g) {
+        var H = a(this.toDate(), { locale: this.$L, utc: !0 });
+        return g ? H.add(this.utcOffset(), t) : H;
+      }, l.local = function() {
+        return a(this.toDate(), { locale: this.$L, utc: !1 });
       };
-      var h = s.parse;
-      s.parse = function(g) {
+      var h = l.parse;
+      l.parse = function(g) {
         g.utc && (this.$u = !0), this.$utils().u(g.$offset) || (this.$offset = g.$offset), h.call(this, g);
       };
-      var S = s.init;
-      s.init = function() {
+      var S = l.init;
+      l.init = function() {
         if (this.$u) {
           var g = this.$d;
           this.$y = g.getUTCFullYear(), this.$M = g.getUTCMonth(), this.$D = g.getUTCDate(), this.$W = g.getUTCDay(), this.$H = g.getUTCHours(), this.$m = g.getUTCMinutes(), this.$s = g.getUTCSeconds(), this.$ms = g.getUTCMilliseconds();
         } else S.call(this);
       };
-      var m = s.utcOffset;
-      s.utcOffset = function(g, H) {
+      var m = l.utcOffset;
+      l.utcOffset = function(g, H) {
         var Y = this.$utils().u;
         if (Y(g)) return this.$u ? 0 : Y(this.$offset) ? m.call(this) : this.$offset;
         if (typeof g == "string" && (g = function(k) {
           k === void 0 && (k = "");
           var X = k.match(n);
           if (!X) return null;
-          var B = ("" + X[0]).match(r) || ["-", 0, 0], I = B[0], x = 60 * +B[1] + +B[2];
-          return x === 0 ? 0 : I === "+" ? x : -x;
+          var B = ("" + X[0]).match(r) || ["-", 0, 0], D = B[0], z = 60 * +B[1] + +B[2];
+          return z === 0 ? 0 : D === "+" ? z : -z;
         }(g), g === null)) return this;
         var $ = Math.abs(g) <= 16 ? 60 * g : g;
         if ($ === 0) return this.utc(H);
         var w = this.clone();
         if (H) return w.$offset = $, w.$u = !1, w;
         var E = this.$u ? this.toDate().getTimezoneOffset() : -1 * this.utcOffset();
-        return (w = this.local().add($ + E, i)).$offset = $, w.$x.$localOffset = E, w;
+        return (w = this.local().add($ + E, t)).$offset = $, w.$x.$localOffset = E, w;
       };
-      var f = s.format;
-      s.format = function(g) {
+      var f = l.format;
+      l.format = function(g) {
         var H = g || (this.$u ? "YYYY-MM-DDTHH:mm:ss[Z]" : "");
         return f.call(this, H);
-      }, s.valueOf = function() {
+      }, l.valueOf = function() {
         var g = this.$utils().u(this.$offset) ? 0 : this.$offset + (this.$x.$localOffset || this.$d.getTimezoneOffset());
         return this.$d.valueOf() - 6e4 * g;
-      }, s.isUTC = function() {
+      }, l.isUTC = function() {
         return !!this.$u;
-      }, s.toISOString = function() {
+      }, l.toISOString = function() {
         return this.toDate().toISOString();
-      }, s.toString = function() {
+      }, l.toString = function() {
         return this.toDate().toUTCString();
       };
-      var T = s.toDate;
-      s.toDate = function(g) {
-        return g === "s" && this.$offset ? c(this.format("YYYY-MM-DD HH:mm:ss:SSS")).toDate() : T.call(this);
+      var T = l.toDate;
+      l.toDate = function(g) {
+        return g === "s" && this.$offset ? a(this.format("YYYY-MM-DD HH:mm:ss:SSS")).toDate() : T.call(this);
       };
-      var y = s.diff;
-      s.diff = function(g, H, Y) {
+      var y = l.diff;
+      l.diff = function(g, H, Y) {
         if (g && this.$u === g.$u) return y.call(this, g, H, Y);
-        var $ = this.local(), w = c(g).local();
+        var $ = this.local(), w = a(g).local();
         return y.call($, w, H, Y);
       };
     };
@@ -586,13 +587,13 @@ var ui = { exports: {} };
 var Ui = ui.exports;
 const Zi = /* @__PURE__ */ Je(Ui);
 var ci = { exports: {} };
-(function(t, e) {
-  (function(i, n) {
-    t.exports = n();
+(function(i, e) {
+  (function(t, n) {
+    i.exports = n();
   })(Qe, function() {
-    var i = { year: 0, month: 1, day: 2, hour: 3, minute: 4, second: 5 }, n = {};
-    return function(r, u, o) {
-      var c, s = function(f, T, y) {
+    var t = { year: 0, month: 1, day: 2, hour: 3, minute: 4, second: 5 }, n = {};
+    return function(r, c, o) {
+      var a, l = function(f, T, y) {
         y === void 0 && (y = {});
         var g = new Date(f), H = function(Y, $) {
           $ === void 0 && ($ = {});
@@ -601,15 +602,15 @@ var ci = { exports: {} };
         }(T, y);
         return H.formatToParts(g);
       }, h = function(f, T) {
-        for (var y = s(f, T), g = [], H = 0; H < y.length; H += 1) {
-          var Y = y[H], $ = Y.type, w = Y.value, E = i[$];
+        for (var y = l(f, T), g = [], H = 0; H < y.length; H += 1) {
+          var Y = y[H], $ = Y.type, w = Y.value, E = t[$];
           E >= 0 && (g[E] = parseInt(w, 10));
         }
-        var k = g[3], X = k === 24 ? 0 : k, B = g[0] + "-" + g[1] + "-" + g[2] + " " + X + ":" + g[4] + ":" + g[5] + ":000", I = +f;
-        return (o.utc(B).valueOf() - (I -= I % 1e3)) / 6e4;
-      }, S = u.prototype;
+        var k = g[3], X = k === 24 ? 0 : k, B = g[0] + "-" + g[1] + "-" + g[2] + " " + X + ":" + g[4] + ":" + g[5] + ":000", D = +f;
+        return (o.utc(B).valueOf() - (D -= D % 1e3)) / 6e4;
+      }, S = c.prototype;
       S.tz = function(f, T) {
-        f === void 0 && (f = c);
+        f === void 0 && (f = a);
         var y, g = this.utcOffset(), H = this.toDate(), Y = H.toLocaleString("en-US", { timeZone: f }), $ = Math.round((H - new Date(Y)) / 1e3 / 60), w = 15 * -Math.round(H.getTimezoneOffset() / 15) - $;
         if (!Number(w)) y = this.utcOffset(0, T);
         else if (y = o(Y, { locale: this.$L }).$set("millisecond", this.$ms).utcOffset(w, !0), T) {
@@ -618,7 +619,7 @@ var ci = { exports: {} };
         }
         return y.$x.$timezone = f, y;
       }, S.offsetName = function(f) {
-        var T = this.$x.$timezone || o.tz.guess(), y = s(this.valueOf(), T, { timeZoneName: f }).find(function(g) {
+        var T = this.$x.$timezone || o.tz.guess(), y = l(this.valueOf(), T, { timeZoneName: f }).find(function(g) {
           return g.type.toLowerCase() === "timezonename";
         });
         return y && y.value;
@@ -629,19 +630,19 @@ var ci = { exports: {} };
         var y = o(this.format("YYYY-MM-DD HH:mm:ss:SSS"), { locale: this.$L });
         return m.call(y, f, T).tz(this.$x.$timezone, !0);
       }, o.tz = function(f, T, y) {
-        var g = y && T, H = y || T || c, Y = h(+o(), H);
+        var g = y && T, H = y || T || a, Y = h(+o(), H);
         if (typeof f != "string") return o(f).tz(H);
-        var $ = function(X, B, I) {
-          var x = X - 60 * B * 1e3, _ = h(x, I);
-          if (B === _) return [x, B];
-          var ie = h(x -= 60 * (_ - B) * 1e3, I);
-          return _ === ie ? [x, _] : [X - 60 * Math.min(_, ie) * 1e3, Math.max(_, ie)];
+        var $ = function(X, B, D) {
+          var z = X - 60 * B * 1e3, _ = h(z, D);
+          if (B === _) return [z, B];
+          var ie = h(z -= 60 * (_ - B) * 1e3, D);
+          return _ === ie ? [z, _] : [X - 60 * Math.min(_, ie) * 1e3, Math.max(_, ie)];
         }(o.utc(f, g).valueOf(), Y, H), w = $[0], E = $[1], k = o(w).utcOffset(E);
         return k.$x.$timezone = H, k;
       }, o.tz.guess = function() {
         return Intl.DateTimeFormat().resolvedOptions().timeZone;
       }, o.tz.setDefault = function(f) {
-        c = f;
+        a = f;
       };
     };
   });
@@ -650,40 +651,40 @@ var Vi = ci.exports;
 const qi = /* @__PURE__ */ Je(Vi);
 ve.extend(Zi);
 ve.extend(qi);
-function he(t, e) {
-  return e ? ve(t).tz(e) : ve(t);
+function he(i, e) {
+  return e ? ve(i).tz(e) : ve(i);
 }
 class Ki {
-  draw(e, i, n, r, u, o, c, s) {
-    const { firstVisible: h, lastVisible: S } = i.getVisibleGroupRange();
+  draw(e, t, n, r, c, o, a, l) {
+    const { firstVisible: h, lastVisible: S } = t.getVisibleGroupRange();
     for (let w = h; w <= S; w++) {
-      const E = i.groupIndexToY(w), k = i.groupIndexToHeight(w), X = n[w];
+      const E = t.groupIndexToY(w), k = t.groupIndexToHeight(w), X = n[w];
       if (!X)
         continue;
       let B;
-      const I = o == null ? void 0 : o(X);
-      I != null && I.backgroundColor ? B = I.backgroundColor : B = w % 2 === 0 ? "#FFFFFF" : r.grid.rowAlt, e.fillStyle = B, e.fillRect(0, E, i.canvasWidth, k), e.strokeStyle = (I == null ? void 0 : I.borderBottomColor) ?? r.grid.line, e.lineWidth = 0.5, e.beginPath(), e.moveTo(0, E + k), e.lineTo(i.canvasWidth, E + k), e.stroke();
+      const D = o == null ? void 0 : o(X);
+      D != null && D.backgroundColor ? B = D.backgroundColor : B = w % 2 === 0 ? "#FFFFFF" : r.grid.rowAlt, e.fillStyle = B, e.fillRect(0, E, t.canvasWidth, k), e.strokeStyle = (D == null ? void 0 : D.borderBottomColor) ?? r.grid.line, e.lineWidth = 0.5, e.beginPath(), e.moveTo(0, E + k), e.lineTo(t.canvasWidth, E + k), e.stroke();
     }
-    if (c && c.length > 0)
-      for (const w of c) {
-        const E = i.timeToX(w.start), k = i.timeToX(w.end);
-        if (k < 0 || E > i.canvasWidth)
+    if (a && a.length > 0)
+      for (const w of a) {
+        const E = t.timeToX(w.start), k = t.timeToX(w.end);
+        if (k < 0 || E > t.canvasWidth)
           continue;
-        const X = Math.max(0, E), B = Math.min(i.canvasWidth, k) - X, I = w.opacity ?? 0.12, x = parseInt(w.color.slice(1, 3), 16), _ = parseInt(w.color.slice(3, 5), 16), ie = parseInt(w.color.slice(5, 7), 16);
-        e.fillStyle = `rgb(${Math.round(x * I + 255 * (1 - I))},${Math.round(_ * I + 255 * (1 - I))},${Math.round(ie * I + 255 * (1 - I))})`, e.fillRect(X, 0, B, i.canvasHeight);
+        const X = Math.max(0, E), B = Math.min(t.canvasWidth, k) - X, D = w.opacity ?? 0.12, z = parseInt(w.color.slice(1, 3), 16), _ = parseInt(w.color.slice(3, 5), 16), ie = parseInt(w.color.slice(5, 7), 16);
+        e.fillStyle = `rgb(${Math.round(z * D + 255 * (1 - D))},${Math.round(_ * D + 255 * (1 - D))},${Math.round(ie * D + 255 * (1 - D))})`, e.fillRect(X, 0, B, t.canvasHeight);
       }
-    const m = i.visibleTimeStart, f = i.visibleTimeEnd, g = 864e5 / (f - m) * i.canvasWidth;
+    const m = t.visibleTimeStart, f = t.visibleTimeEnd, g = 864e5 / (f - m) * t.canvasWidth;
     let H = "day";
     g < 2 ? H = "month" : g < 8 && (H = "week");
     {
-      let w = he(m, s).startOf("day");
-      const E = he(f, s).endOf("day");
+      let w = he(m, l).startOf("day");
+      const E = he(f, l).endOf("day");
       let k = null, X = 1, B = 0;
-      const I = [], x = (_) => {
-        k !== null && (e.fillStyle = k, X !== 1 && (e.globalAlpha = X), e.fillRect(B, 0, _ - B, i.canvasHeight), X !== 1 && (e.globalAlpha = 1), k = null, X = 1);
+      const D = [], z = (_) => {
+        k !== null && (e.fillStyle = k, X !== 1 && (e.globalAlpha = X), e.fillRect(B, 0, _ - B, t.canvasHeight), X !== 1 && (e.globalAlpha = 1), k = null, X = 1);
       };
       for (; w.isBefore(E); ) {
-        const _ = i.timeToX(w.valueOf()), ie = w.toDate(), U = u == null ? void 0 : u(ie);
+        const _ = t.timeToX(w.valueOf()), ie = w.toDate(), U = c == null ? void 0 : c(ie);
         let J = null, me = 1;
         if (U != null && U.backgroundColor)
           J = U.backgroundColor, me = U.opacity ?? 1;
@@ -691,160 +692,160 @@ class Ki {
           const be = w.day();
           (be === 0 || be === 6) && (J = r.grid.weekend);
         }
-        U != null && U.borderColor && I.push({ x: _, color: U.borderColor }), J === k && me === X || (x(_), J !== null && (k = J, X = me, B = _)), w = w.add(1, "day");
+        U != null && U.borderColor && D.push({ x: _, color: U.borderColor }), J === k && me === X || (z(_), J !== null && (k = J, X = me, B = _)), w = w.add(1, "day");
       }
-      k !== null && x(i.timeToX(w.valueOf()));
-      for (const _ of I)
-        e.strokeStyle = _.color, e.lineWidth = 0.5, e.beginPath(), e.moveTo(_.x, 0), e.lineTo(_.x, i.canvasHeight), e.stroke();
+      k !== null && z(t.timeToX(w.valueOf()));
+      for (const _ of D)
+        e.strokeStyle = _.color, e.lineWidth = 0.5, e.beginPath(), e.moveTo(_.x, 0), e.lineTo(_.x, t.canvasHeight), e.stroke();
     }
-    let Y = he(m, s).startOf(H);
-    const $ = he(f, s).add(1, H);
+    let Y = he(m, l).startOf(H);
+    const $ = he(f, l).add(1, H);
     for (e.strokeStyle = r.grid.line, e.lineWidth = 0.5, e.beginPath(); Y.isBefore($); ) {
-      const w = i.timeToX(Y.valueOf());
-      e.moveTo(w, 0), e.lineTo(w, i.canvasHeight), Y = Y.add(1, H);
+      const w = t.timeToX(Y.valueOf());
+      e.moveTo(w, 0), e.lineTo(w, t.canvasHeight), Y = Y.add(1, H);
     }
-    if (e.stroke(), c && c.length > 0)
-      for (const w of c) {
-        const E = i.timeToX(w.start), k = i.timeToX(w.end);
-        if (!(k < 0 || E > i.canvasWidth) && (e.strokeStyle = w.color, e.globalAlpha = 0.4, e.lineWidth = 1, e.beginPath(), E >= 0 && E <= i.canvasWidth && (e.moveTo(E, 0), e.lineTo(E, i.canvasHeight)), k >= 0 && k <= i.canvasWidth && (e.moveTo(k, 0), e.lineTo(k, i.canvasHeight)), e.stroke(), e.globalAlpha = 1, w.label)) {
-          const X = Math.max(0, E), B = Math.min(i.canvasWidth, k) - X;
+    if (e.stroke(), a && a.length > 0)
+      for (const w of a) {
+        const E = t.timeToX(w.start), k = t.timeToX(w.end);
+        if (!(k < 0 || E > t.canvasWidth) && (e.strokeStyle = w.color, e.globalAlpha = 0.4, e.lineWidth = 1, e.beginPath(), E >= 0 && E <= t.canvasWidth && (e.moveTo(E, 0), e.lineTo(E, t.canvasHeight)), k >= 0 && k <= t.canvasWidth && (e.moveTo(k, 0), e.lineTo(k, t.canvasHeight)), e.stroke(), e.globalAlpha = 1, w.label)) {
+          const X = Math.max(0, E), B = Math.min(t.canvasWidth, k) - X;
           e.save(), e.font = '600 10px -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif';
-          const I = e.measureText(w.label).width, x = 6, _ = I + x * 2, ie = 18, U = X + (B - _) / 2, J = 4;
-          e.fillStyle = w.color, e.globalAlpha = 0.9, e.beginPath(), e.roundRect(U, J, _, ie, 3), e.fill(), e.globalAlpha = 1, e.fillStyle = "#FFFFFF", e.textBaseline = "middle", e.fillText(w.label, U + x, J + ie / 2), e.restore();
+          const D = e.measureText(w.label).width, z = 6, _ = D + z * 2, ie = 18, U = X + (B - _) / 2, J = 4;
+          e.fillStyle = w.color, e.globalAlpha = 0.9, e.beginPath(), e.roundRect(U, J, _, ie, 3), e.fill(), e.globalAlpha = 1, e.fillStyle = "#FFFFFF", e.textBaseline = "middle", e.fillText(w.label, U + z, J + ie / 2), e.restore();
         }
       }
   }
 }
 const ei = '500 12px -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif';
-function di(t, e) {
+function di(i, e) {
   return {
     /**
      * Draws a filled rounded rectangle.
      * Default corner radius is 3px.
      */
-    roundRect(i, n, r, u, o = 3) {
-      t.beginPath(), t.roundRect(i, n, r, u, o), t.fill();
+    roundRect(t, n, r, c, o = 3) {
+      i.beginPath(), i.roundRect(t, n, r, c, o), i.fill();
     },
     /**
      * Draws text at (x, y) using the standard item font.
      * If maxWidth is provided and the text is too wide, binary-search truncates it
      * and appends '...' so it fits within maxWidth.
      */
-    fillText(i, n, r, u) {
-      if (t.font = ei, u !== void 0 && t.measureText(i).width > u) {
-        let o = 0, c = i.length;
-        for (; o < c; ) {
-          const s = Math.ceil((o + c) / 2), h = i.slice(0, s) + "...";
-          t.measureText(h).width <= u ? o = s : c = s - 1;
+    fillText(t, n, r, c) {
+      if (i.font = ei, c !== void 0 && i.measureText(t).width > c) {
+        let o = 0, a = t.length;
+        for (; o < a; ) {
+          const l = Math.ceil((o + a) / 2), h = t.slice(0, l) + "...";
+          i.measureText(h).width <= c ? o = l : a = l - 1;
         }
-        t.fillText(i.slice(0, o) + "...", n, r);
+        i.fillText(t.slice(0, o) + "...", n, r);
       } else
-        t.fillText(i, n, r);
+        i.fillText(t, n, r);
     },
     /**
      * Creates a 50/50 linear gradient from color1 (0%–50%) to color2 (50%–100%)
      * spanning the given x position and width.
      */
-    gradient(i, n, r, u) {
-      const o = t.createLinearGradient(i, 0, i + n, 0);
-      return o.addColorStop(0, r), o.addColorStop(0.5, r), o.addColorStop(0.5, u), o.addColorStop(1, u), o;
+    gradient(t, n, r, c) {
+      const o = i.createLinearGradient(t, 0, t + n, 0);
+      return o.addColorStop(0, r), o.addColorStop(0.5, r), o.addColorStop(0.5, c), o.addColorStop(1, c), o;
     },
     /**
      * Draws a vertical colored bar on the left edge of the item bounds.
      * Does nothing if no bounds were provided.
      */
-    leftBar(i, n = 3) {
-      e && (t.save(), t.fillStyle = i, t.fillRect(e.x, e.y, n, e.height), t.restore());
+    leftBar(t, n = 3) {
+      e && (i.save(), i.fillStyle = t, i.fillRect(e.x, e.y, n, e.height), i.restore());
     },
     /**
      * Draws a vector icon centered at (x, y).
      * Supported types: 'check', 'danger-red', 'danger-yellow'.
      * Default size is 14px.
      */
-    icon(i, n, r, u = 14) {
-      t.save();
-      const o = u / 2;
-      if (i === "check") {
-        t.fillStyle = "#31c48d", t.beginPath(), t.arc(n + o, r + o, o, 0, Math.PI * 2), t.fill(), t.strokeStyle = "#ffffff", t.lineWidth = u * 0.12, t.beginPath();
-        const c = n + o, s = r + o;
-        t.moveTo(c - o * 0.45, s), t.lineTo(c - o * 0.1, s + o * 0.42), t.lineTo(c + o * 0.45, s - o * 0.35), t.stroke();
-      } else if (i === "danger-red" || i === "danger-yellow") {
-        const c = i === "danger-red" ? "#EF5350" : "#FBBF24";
-        t.fillStyle = c, t.beginPath(), t.moveTo(n + o, r), t.lineTo(n + u, r + u), t.lineTo(n, r + u), t.closePath(), t.fill(), t.fillStyle = "#ffffff";
-        const s = u * 0.12, h = n + o - s / 2;
-        t.fillRect(h, r + u * 0.35, s, u * 0.35), t.beginPath(), t.arc(n + o, r + u * 0.82, s * 0.7, 0, Math.PI * 2), t.fill();
+    icon(t, n, r, c = 14) {
+      i.save();
+      const o = c / 2;
+      if (t === "check") {
+        i.fillStyle = "#31c48d", i.beginPath(), i.arc(n + o, r + o, o, 0, Math.PI * 2), i.fill(), i.strokeStyle = "#ffffff", i.lineWidth = c * 0.12, i.beginPath();
+        const a = n + o, l = r + o;
+        i.moveTo(a - o * 0.45, l), i.lineTo(a - o * 0.1, l + o * 0.42), i.lineTo(a + o * 0.45, l - o * 0.35), i.stroke();
+      } else if (t === "danger-red" || t === "danger-yellow") {
+        const a = t === "danger-red" ? "#EF5350" : "#FBBF24";
+        i.fillStyle = a, i.beginPath(), i.moveTo(n + o, r), i.lineTo(n + c, r + c), i.lineTo(n, r + c), i.closePath(), i.fill(), i.fillStyle = "#ffffff";
+        const l = c * 0.12, h = n + o - l / 2;
+        i.fillRect(h, r + c * 0.35, l, c * 0.35), i.beginPath(), i.arc(n + o, r + c * 0.82, l * 0.7, 0, Math.PI * 2), i.fill();
       }
-      t.restore();
+      i.restore();
     },
     /**
      * Draws a pill-shaped badge with centered white text on a colored background.
      */
-    badge(i, n, r, u) {
-      t.save(), t.font = ei;
-      const c = t.measureText(i).width, s = 8, S = 12 + 3 * 2, m = c + s * 2, f = S / 2;
-      t.fillStyle = u, t.beginPath(), t.roundRect(n, r, m, S, f), t.fill(), t.fillStyle = "#ffffff", t.textAlign = "center", t.textBaseline = "middle", t.fillText(i, n + m / 2, r + S / 2), t.restore();
+    badge(t, n, r, c) {
+      i.save(), i.font = ei;
+      const a = i.measureText(t).width, l = 8, S = 12 + 3 * 2, m = a + l * 2, f = S / 2;
+      i.fillStyle = c, i.beginPath(), i.roundRect(n, r, m, S, f), i.fill(), i.fillStyle = "#ffffff", i.textAlign = "center", i.textBaseline = "middle", i.fillText(t, n + m / 2, r + S / 2), i.restore();
     }
   };
 }
 class Qi {
-  draw(e, i, n, r, u, o, c, s, h, S, m, f, T, y) {
-    const g = (i.visibleTimeEnd - i.visibleTimeStart) * 0.1, H = i.visibleTimeStart - g, Y = i.visibleTimeEnd + g, $ = u.query(H, Y), w = /* @__PURE__ */ new Map();
-    for (let I = 0; I < n.length; I++)
-      w.set(n[I].id, I);
-    const E = new Set(S), k = /* @__PURE__ */ new Map(), X = -i.lineHeight, B = i.canvasHeight + i.lineHeight;
-    for (const I of $) {
-      const x = w.get(I.group);
-      if (x === void 0)
+  draw(e, t, n, r, c, o, a, l, h, S, m, f, T, y) {
+    const g = (t.visibleTimeEnd - t.visibleTimeStart) * 0.1, H = t.visibleTimeStart - g, Y = t.visibleTimeEnd + g, $ = c.query(H, Y), w = /* @__PURE__ */ new Map();
+    for (let D = 0; D < n.length; D++)
+      w.set(n[D].id, D);
+    const E = new Set(S), k = /* @__PURE__ */ new Map(), X = -t.lineHeight, B = t.canvasHeight + t.lineHeight;
+    for (const D of $) {
+      const z = w.get(D.group);
+      if (z === void 0)
         continue;
-      const _ = o.getLayout(I.id);
+      const _ = o.getLayout(D.id);
       if (!_)
         continue;
-      const U = i.groupIndexToY(x) + _.stackLevel * i.lineHeight + (i.lineHeight - _.itemHeight) / 2, J = _.itemHeight;
+      const U = t.groupIndexToY(z) + _.stackLevel * t.lineHeight + (t.lineHeight - _.itemHeight) / 2, J = _.itemHeight;
       if (U + J < X || U > B)
         continue;
-      const me = i.timeToX(I.start_time), be = i.timeToX(I.end_time) - me, ye = { x: me, y: U, width: be, height: J };
-      k.set(I.id, ye);
+      const me = t.timeToX(D.start_time), be = t.timeToX(D.end_time) - me, ye = { x: me, y: U, width: be, height: J };
+      k.set(D.id, ye);
       const Ye = {
-        selected: E.has(I.id),
-        hovered: m === I.id,
+        selected: E.has(D.id),
+        hovered: m === D.id,
         dragging: !1,
-        filtered: I.filtered !== !1
+        filtered: D.filtered !== !1
       };
       e.save();
       const et = di(e, ye);
       let He;
-      T && (y != null && y.isParent(I.id)) ? He = T : s && (I.type === "control_area_group" || I.type === "construction_train") ? He = s : He = c, He(e, I, ye, Ye, et), e.restore();
+      T && (y != null && y.isParent(D.id)) ? He = T : l && (D.type === "control_area_group" || D.type === "construction_train") ? He = l : He = a, He(e, D, ye, Ye, et), e.restore();
     }
     if (f && f.length > 0) {
-      const I = /* @__PURE__ */ new Set();
-      for (const x of f)
-        k.has(x.fromItemId) || I.add(x.fromItemId), k.has(x.toItemId) || I.add(x.toItemId);
-      if (I.size > 0) {
-        const x = /* @__PURE__ */ new Map();
+      const D = /* @__PURE__ */ new Set();
+      for (const z of f)
+        k.has(z.fromItemId) || D.add(z.fromItemId), k.has(z.toItemId) || D.add(z.toItemId);
+      if (D.size > 0) {
+        const z = /* @__PURE__ */ new Map();
         for (const _ of r)
-          I.has(_.id) && x.set(_.id, _);
-        for (const [_, ie] of x) {
+          D.has(_.id) && z.set(_.id, _);
+        for (const [_, ie] of z) {
           const U = w.get(ie.group);
           if (U === void 0)
             continue;
           const J = o.getLayout(_);
           if (!J)
             continue;
-          const be = i.groupIndexToY(U) + J.stackLevel * i.lineHeight + (i.lineHeight - J.itemHeight) / 2, ye = i.timeToX(ie.start_time), Ye = i.timeToX(ie.end_time) - ye;
+          const be = t.groupIndexToY(U) + J.stackLevel * t.lineHeight + (t.lineHeight - J.itemHeight) / 2, ye = t.timeToX(ie.start_time), Ye = t.timeToX(ie.end_time) - ye;
           k.set(_, { x: ye, y: be, width: Ye, height: J.itemHeight });
         }
       }
       this.drawDependencies(e, f, k, m, h);
     }
   }
-  drawDependencies(e, i, n, r, u) {
-    for (const o of i) {
-      const c = n.get(o.fromItemId), s = n.get(o.toItemId);
-      if (!c || !s)
+  drawDependencies(e, t, n, r, c) {
+    for (const o of t) {
+      const a = n.get(o.fromItemId), l = n.get(o.toItemId);
+      if (!a || !l)
         continue;
       const h = r === o.fromItemId || r === o.toItemId;
-      e.strokeStyle = h ? u.primary : o.color ?? "#94A3B8", e.lineWidth = h ? 2 : 1.5, e.setLineDash([]);
-      const S = c.x + c.width, m = c.y + c.height / 2, f = s.x, T = s.y + s.height / 2, y = Math.abs(f - S), g = Math.max(y * 0.4, 30);
+      e.strokeStyle = h ? c.primary : o.color ?? "#94A3B8", e.lineWidth = h ? 2 : 1.5, e.setLineDash([]);
+      const S = a.x + a.width, m = a.y + a.height / 2, f = l.x, T = l.y + l.height / 2, y = Math.abs(f - S), g = Math.max(y * 0.4, 30);
       e.beginPath(), e.moveTo(S, m), e.bezierCurveTo(S + g, m, f - g, T, f, T), e.stroke();
       const H = 6;
       e.fillStyle = e.strokeStyle, e.beginPath(), e.moveTo(f, T), e.lineTo(f - H, T - H / 2), e.lineTo(f - H, T + H / 2), e.closePath(), e.fill();
@@ -852,12 +853,12 @@ class Qi {
   }
 }
 class Ji {
-  draw(e, i, n, r) {
-    const { cursorX: u, snapX: o, markers: c, interaction: s } = r;
-    if (c)
-      for (const h of c) {
-        const S = i.timeToX(h.date);
-        if (e.fillStyle = h.color, e.fillRect(S - h.width / 2, 0, h.width, i.canvasHeight), h.label) {
+  draw(e, t, n, r) {
+    const { cursorX: c, snapX: o, markers: a, interaction: l } = r;
+    if (a)
+      for (const h of a) {
+        const S = t.timeToX(h.date);
+        if (e.fillStyle = h.color, e.fillRect(S - h.width / 2, 0, h.width, t.canvasHeight), h.label) {
           e.save(), e.font = '500 10px -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif';
           const m = e.measureText(h.label).width, f = 8, T = 200, y = Math.min(m + f * 2, T), g = 20, H = S - y / 2, Y = 4;
           e.fillStyle = h.color, e.beginPath(), e.roundRect(H, Y, y, g, 3), e.fill(), e.fillStyle = "#FFFFFF", e.textBaseline = "middle";
@@ -865,20 +866,20 @@ class Ji {
           e.fillText(w, H + f, Y + g / 2), e.restore();
         }
       }
-    if (u != null && (e.strokeStyle = n.marker.cursor, e.lineWidth = 1, e.beginPath(), e.moveTo(u, 0), e.lineTo(u, i.canvasHeight), e.stroke()), o != null && (e.strokeStyle = n.primary, e.lineWidth = 1, e.setLineDash([4, 4]), e.beginPath(), e.moveTo(o, 0), e.lineTo(o, i.canvasHeight), e.stroke(), e.setLineDash([])), s) {
-      s.groupChanged && s.targetGroupY !== void 0 && (e.fillStyle = "rgba(59, 130, 246, 0.08)", e.fillRect(0, s.targetGroupY, i.canvasWidth, i.lineHeight)), e.save(), e.globalAlpha = 0.5;
-      const h = di(e, s.bounds);
-      s.renderer(e, s.item, s.bounds, { selected: !1, hovered: !1, dragging: !0, filtered: !0 }, h), e.restore();
+    if (c != null && (e.strokeStyle = n.marker.cursor, e.lineWidth = 1, e.beginPath(), e.moveTo(c, 0), e.lineTo(c, t.canvasHeight), e.stroke()), o != null && (e.strokeStyle = n.primary, e.lineWidth = 1, e.setLineDash([4, 4]), e.beginPath(), e.moveTo(o, 0), e.lineTo(o, t.canvasHeight), e.stroke(), e.setLineDash([])), l) {
+      l.groupChanged && l.targetGroupY !== void 0 && (e.fillStyle = "rgba(59, 130, 246, 0.08)", e.fillRect(0, l.targetGroupY, t.canvasWidth, t.lineHeight)), e.save(), e.globalAlpha = 0.5;
+      const h = di(e, l.bounds);
+      l.renderer(e, l.item, l.bounds, { selected: !1, hovered: !1, dragging: !0, filtered: !0 }, h), e.restore();
     }
   }
 }
 const ti = 120;
-function en(t) {
-  let e = t.deltaY || t.deltaX;
-  return t.deltaMode === 1 ? e *= 15 : t.deltaMode === 2 && (e *= 800), Math.max(-ti, Math.min(ti, e));
+function en(i) {
+  let e = i.deltaY || i.deltaX;
+  return i.deltaMode === 1 ? e *= 15 : i.deltaMode === 2 && (e *= 800), Math.max(-ti, Math.min(ti, e));
 }
 class tn {
-  constructor(e, i, n, r, u) {
+  constructor(e, t, n, r, c) {
     Object.defineProperty(this, "onZoom", {
       enumerable: !0,
       configurable: !0,
@@ -904,43 +905,43 @@ class tn {
       configurable: !0,
       writable: !0,
       value: void 0
-    }), this.onZoom = e, this.visibleTimeStart = i, this.visibleTimeEnd = n, this.minZoom = r, this.maxZoom = u;
+    }), this.onZoom = e, this.visibleTimeStart = t, this.visibleTimeEnd = n, this.minZoom = r, this.maxZoom = c;
   }
-  updateBounds(e, i) {
-    this.visibleTimeStart = e, this.visibleTimeEnd = i;
+  updateBounds(e, t) {
+    this.visibleTimeStart = e, this.visibleTimeEnd = t;
   }
-  handleWheelZoom(e, i) {
-    const n = en(e), r = e.ctrlKey ? 10 : e.metaKey ? 3 : 1, u = n > 0 ? 1 + r * n / 500 : 1 / (1 + r * -n / 500), o = this.visibleTimeEnd - this.visibleTimeStart;
-    let c = Math.round(o * u);
-    c = Math.max(this.minZoom, Math.min(this.maxZoom, c));
-    const s = Math.round(this.visibleTimeStart + (o - c) * i), h = s + c;
-    this.onZoom(s, h);
+  handleWheelZoom(e, t) {
+    const n = en(e), r = e.ctrlKey ? 10 : e.metaKey ? 3 : 1, c = n > 0 ? 1 + r * n / 500 : 1 / (1 + r * -n / 500), o = this.visibleTimeEnd - this.visibleTimeStart;
+    let a = Math.round(o * c);
+    a = Math.max(this.minZoom, Math.min(this.maxZoom, a));
+    const l = Math.round(this.visibleTimeStart + (o - a) * t), h = l + a;
+    this.onZoom(l, h);
   }
 }
 const ct = 864e5;
 let ii = !1;
-function Ht(t) {
-  return ii || (ii = !0, console.warn(`[canvas-timeline] dragSnap function returned ${t}; falling back to no snap. This warning is shown once per session.`)), 1;
+function Ht(i) {
+  return ii || (ii = !0, console.warn(`[canvas-timeline] dragSnap function returned ${i}; falling back to no snap. This warning is shown once per session.`)), 1;
 }
-function qe(t, e, i) {
-  if (t === void 0)
+function qe(i, e, t) {
+  if (i === void 0)
     return 1;
-  if (typeof t != "function")
-    return t;
-  const n = t(e, i);
+  if (typeof i != "function")
+    return i;
+  const n = i(e, t);
   return typeof n == "number" ? !Number.isFinite(n) || n <= 0 ? Ht(`an invalid interval (${n})`) : n : !Number.isFinite(n.interval) || n.interval <= 0 ? Ht(`an invalid interval (${n.interval})`) : Number.isFinite(n.anchor) ? n : Ht(`a non-finite anchor (${n.anchor})`);
 }
-function Ke(t, e, i) {
+function Ke(i, e, t) {
   if (typeof e != "number") {
-    const { interval: r, anchor: u } = e;
-    return !Number.isFinite(r) || r <= 0 || !Number.isFinite(u) ? t : Math.round((t - u) / r) * r + u;
+    const { interval: r, anchor: c } = e;
+    return !Number.isFinite(r) || r <= 0 || !Number.isFinite(c) ? i : Math.round((i - c) / r) * r + c;
   }
   const n = e;
-  if (i && n % ct === 0) {
-    const r = n / ct, u = he(t, i), o = u.startOf("day"), c = o.add(1, "day").valueOf() - o.valueOf(), s = (t - o.valueOf()) / c, h = Math.round(ve.utc(u.format("YYYY-MM-DD")).valueOf() / ct), S = Math.round((h + s) / r) * r, m = ve.utc(S * ct).format("YYYY-MM-DD");
-    return ve.tz(m, i).valueOf();
+  if (t && n % ct === 0) {
+    const r = n / ct, c = he(i, t), o = c.startOf("day"), a = o.add(1, "day").valueOf() - o.valueOf(), l = (i - o.valueOf()) / a, h = Math.round(ve.utc(c.format("YYYY-MM-DD")).valueOf() / ct), S = Math.round((h + l) / r) * r, m = ve.utc(S * ct).format("YYYY-MM-DD");
+    return ve.tz(m, t).valueOf();
   }
-  return Math.round(t / n) * n;
+  return Math.round(i / n) * n;
 }
 const nn = 4;
 class rn {
@@ -962,10 +963,10 @@ class rn {
       value: !1
     }), this.dragSnap = e;
   }
-  startInteraction(e, i, n, r) {
+  startInteraction(e, t, n, r) {
     this.state = {
       item: e,
-      mode: i,
+      mode: t,
       startX: n,
       startY: r,
       currentX: n,
@@ -975,8 +976,8 @@ class rn {
       currentGroup: e.group
     }, this.activated = !1;
   }
-  update(e, i) {
-    this.state && (this.state.currentX = e, this.state.currentY = i, this.state.deltaX = e - this.state.startX, !this.activated && Math.abs(this.state.deltaX) >= nn && (this.activated = !0));
+  update(e, t) {
+    this.state && (this.state.currentX = e, this.state.currentY = t, this.state.deltaX = e - this.state.startX, !this.activated && Math.abs(this.state.deltaX) >= nn && (this.activated = !0));
   }
   setCurrentGroup(e) {
     this.state && (this.state.currentGroup = e);
@@ -984,13 +985,13 @@ class rn {
   endMove(e) {
     if (!this.state)
       return null;
-    const i = this.state.deltaX / e, n = this.state.item.start_time + i, r = Ke(n, qe(this.dragSnap, this.state.item)), u = this.state.currentGroup;
-    return this.state = null, this.activated = !1, { newStartTime: r, newGroupId: u };
+    const t = this.state.deltaX / e, n = this.state.item.start_time + t, r = Ke(n, qe(this.dragSnap, this.state.item)), c = this.state.currentGroup;
+    return this.state = null, this.activated = !1, { newStartTime: r, newGroupId: c };
   }
   endResize(e) {
     if (!this.state)
       return null;
-    const i = this.state.deltaX / e, n = this.state.mode === "resize-left" ? "left" : "right", u = (n === "left" ? this.state.item.start_time : this.state.item.end_time) + i, o = Ke(u, qe(this.dragSnap, this.state.item, n));
+    const t = this.state.deltaX / e, n = this.state.mode === "resize-left" ? "left" : "right", c = (n === "left" ? this.state.item.start_time : this.state.item.end_time) + t, o = Ke(c, qe(this.dragSnap, this.state.item, n));
     return this.state = null, this.activated = !1, { newTime: o, edge: n };
   }
   cancel() {
@@ -1010,94 +1011,94 @@ class rn {
     return this.state !== null;
   }
 }
-function It(t, e, i) {
+function Dt(i, e, t) {
   const n = [];
-  for (const r of t)
-    r.id !== e && (n.push(i(r.start_time)), n.push(i(r.end_time)));
+  for (const r of i)
+    r.id !== e && (n.push(t(r.start_time)), n.push(t(r.end_time)));
   return n;
 }
-function dt(t, e, i, n, r) {
+function dt(i, e, t, n, r) {
   if (e.length === 0)
     return null;
-  let u = e[0], o = Math.abs(t - u);
-  for (let c = 1; c < e.length; c++) {
-    const s = Math.abs(t - e[c]);
-    s < o && (o = s, u = e[c]);
+  let c = e[0], o = Math.abs(i - c);
+  for (let a = 1; a < e.length; a++) {
+    const l = Math.abs(i - e[a]);
+    l < o && (o = l, c = e[a]);
   }
-  return o <= i ? u : null;
+  return o <= t ? c : null;
 }
-function fi(t, e, i) {
-  const n = i.canvasWidth / (e.visibleTimeEnd - e.visibleTimeStart), r = t.deltaX / n, u = t.item.start_time + r, o = qe(i.dragSnap, t.item), c = (e.visibleTimeEnd - e.visibleTimeStart) * 0.1, s = i.intervalTree.query(e.visibleTimeStart - c, e.visibleTimeEnd + c), h = It(s, t.item.id, (f) => e.timeToX(f)), S = dt(e.timeToX(u), h, 8);
+function fi(i, e, t) {
+  const n = t.canvasWidth / (e.visibleTimeEnd - e.visibleTimeStart), r = i.deltaX / n, c = i.item.start_time + r, o = qe(t.dragSnap, i.item), a = (e.visibleTimeEnd - e.visibleTimeStart) * 0.1, l = t.intervalTree.query(e.visibleTimeStart - a, e.visibleTimeEnd + a), h = Dt(l, i.item.id, (f) => e.timeToX(f)), S = dt(e.timeToX(c), h, 8);
   if (S !== null)
     return e.xToTime(S);
-  const m = dt(e.timeToX(t.item.end_time + r), h, 8);
-  return m !== null ? e.xToTime(m) - (t.item.end_time - t.item.start_time) : Ke(u, o, i.timezone);
+  const m = dt(e.timeToX(i.item.end_time + r), h, 8);
+  return m !== null ? e.xToTime(m) - (i.item.end_time - i.item.start_time) : Ke(c, o, t.timezone);
 }
-function hi(t, e, i) {
-  const n = i.canvasWidth / (e.visibleTimeEnd - e.visibleTimeStart), r = t.deltaX / n, u = t.mode === "resize-left" ? "left" : "right", o = (u === "left" ? t.item.start_time : t.item.end_time) + r, c = qe(i.dragSnap, t.item, u), s = (e.visibleTimeEnd - e.visibleTimeStart) * 0.1, h = i.intervalTree.query(e.visibleTimeStart - s, e.visibleTimeEnd + s), S = It(h, t.item.id, (y) => e.timeToX(y)), m = dt(e.timeToX(o), S, 8);
-  let f = m !== null ? e.xToTime(m) : Ke(o, c, i.timezone);
-  const T = i.hierarchyEngine.getResizeConstraint(t.item.id, u);
-  return u === "left" && f > T.max ? f = T.max : u === "right" && f < T.min && (f = T.min), { edge: u, time: f };
+function hi(i, e, t) {
+  const n = t.canvasWidth / (e.visibleTimeEnd - e.visibleTimeStart), r = i.deltaX / n, c = i.mode === "resize-left" ? "left" : "right", o = (c === "left" ? i.item.start_time : i.item.end_time) + r, a = qe(t.dragSnap, i.item, c), l = (e.visibleTimeEnd - e.visibleTimeStart) * 0.1, h = t.intervalTree.query(e.visibleTimeStart - l, e.visibleTimeEnd + l), S = Dt(h, i.item.id, (y) => e.timeToX(y)), m = dt(e.timeToX(o), S, 8);
+  let f = m !== null ? e.xToTime(m) : Ke(o, a, t.timezone);
+  const T = t.hierarchyEngine.getResizeConstraint(i.item.id, c);
+  return c === "left" && f > T.max ? f = T.max : c === "right" && f < T.min && (f = T.min), { edge: c, time: f };
 }
-function on(t, e, i, n) {
-  if (t.mode === "move") {
-    const s = fi(t, e, i), h = t.item.end_time - t.item.start_time;
-    return { itemId: t.item.id, mode: "move", time: s, startTime: s, endTime: s + h, pointerX: n.x, pointerY: n.y };
+function on(i, e, t, n) {
+  if (i.mode === "move") {
+    const l = fi(i, e, t), h = i.item.end_time - i.item.start_time;
+    return { itemId: i.item.id, mode: "move", time: l, startTime: l, endTime: l + h, pointerX: n.x, pointerY: n.y };
   }
-  const { edge: r, time: u } = hi(t, e, i), o = r === "left" ? u : t.item.start_time, c = r === "right" ? u : t.item.end_time;
-  return { itemId: t.item.id, mode: t.mode, edge: r, time: u, startTime: o, endTime: c, pointerX: n.x, pointerY: n.y };
+  const { edge: r, time: c } = hi(i, e, t), o = r === "left" ? c : i.item.start_time, a = r === "right" ? c : i.item.end_time;
+  return { itemId: i.item.id, mode: i.mode, edge: r, time: c, startTime: o, endTime: a, pointerX: n.x, pointerY: n.y };
 }
 var mi = { exports: {} };
-(function(t, e) {
-  (function(i, n) {
-    t.exports = n();
+(function(i, e) {
+  (function(t, n) {
+    i.exports = n();
   })(Qe, function() {
-    var i = "day";
-    return function(n, r, u) {
+    var t = "day";
+    return function(n, r, c) {
       var o = function(h) {
-        return h.add(4 - h.isoWeekday(), i);
-      }, c = r.prototype;
-      c.isoWeekYear = function() {
+        return h.add(4 - h.isoWeekday(), t);
+      }, a = r.prototype;
+      a.isoWeekYear = function() {
         return o(this).year();
-      }, c.isoWeek = function(h) {
-        if (!this.$utils().u(h)) return this.add(7 * (h - this.isoWeek()), i);
-        var S, m, f, T, y = o(this), g = (S = this.isoWeekYear(), m = this.$u, f = (m ? u.utc : u)().year(S).startOf("year"), T = 4 - f.isoWeekday(), f.isoWeekday() > 4 && (T += 7), f.add(T, i));
+      }, a.isoWeek = function(h) {
+        if (!this.$utils().u(h)) return this.add(7 * (h - this.isoWeek()), t);
+        var S, m, f, T, y = o(this), g = (S = this.isoWeekYear(), m = this.$u, f = (m ? c.utc : c)().year(S).startOf("year"), T = 4 - f.isoWeekday(), f.isoWeekday() > 4 && (T += 7), f.add(T, t));
         return y.diff(g, "week") + 1;
-      }, c.isoWeekday = function(h) {
+      }, a.isoWeekday = function(h) {
         return this.$utils().u(h) ? this.day() || 7 : this.day(this.day() % 7 ? h : h - 7);
       };
-      var s = c.startOf;
-      c.startOf = function(h, S) {
+      var l = a.startOf;
+      a.startOf = function(h, S) {
         var m = this.$utils(), f = !!m.u(S) || S;
-        return m.p(h) === "isoweek" ? f ? this.date(this.date() - (this.isoWeekday() - 1)).startOf("day") : this.date(this.date() - 1 - (this.isoWeekday() - 1) + 7).endOf("day") : s.bind(this)(h, S);
+        return m.p(h) === "isoweek" ? f ? this.date(this.date() - (this.isoWeekday() - 1)).startOf("day") : this.date(this.date() - 1 - (this.isoWeekday() - 1) + 7).endOf("day") : l.bind(this)(h, S);
       };
     };
   });
 })(mi);
 var sn = mi.exports;
 const an = /* @__PURE__ */ Je(sn), ni = 200;
-function ri({ groups: t, width: e, lineHeight: i, groupHeights: n, scrollTop: r, canvasHeight: u, theme: o, groupRenderer: c, onScroll: s }) {
+function ri({ groups: i, width: e, lineHeight: t, groupHeights: n, scrollTop: r, canvasHeight: c, theme: o, groupRenderer: a, onScroll: l }) {
   var w;
   const h = A(null), S = A(!1), m = Q(() => {
-    const E = new Array(t.length + 1);
+    const E = new Array(i.length + 1);
     E[0] = 0;
-    for (let k = 0; k < t.length; k++)
-      E[k + 1] = E[k] + ((n == null ? void 0 : n[k]) ?? i);
+    for (let k = 0; k < i.length; k++)
+      E[k + 1] = E[k] + ((n == null ? void 0 : n[k]) ?? t);
     return E;
-  }, [t.length, n, i]), f = m[t.length] ?? 0, T = u, y = te((E) => {
-    if (t.length === 0 || E <= 0)
+  }, [i.length, n, t]), f = m[i.length] ?? 0, T = c, y = te((E) => {
+    if (i.length === 0 || E <= 0)
       return 0;
     if (E >= f)
-      return t.length - 1;
-    let k = 0, X = t.length - 1;
+      return i.length - 1;
+    let k = 0, X = i.length - 1;
     for (; k < X; ) {
       const B = k + X >>> 1;
       m[B + 1] > E ? X = B : k = B + 1;
     }
     return k;
-  }, [t.length, m, f]), g = y(r - ni), H = y(r + u + ni), Y = te((E) => {
-    S.current || s(E.currentTarget.scrollTop);
-  }, [s]);
+  }, [i.length, m, f]), g = y(r - ni), H = y(r + c + ni), Y = te((E) => {
+    S.current || l(E.currentTarget.scrollTop);
+  }, [l]);
   ae(() => {
     h.current && (S.current = !0, h.current.scrollTop = r, requestAnimationFrame(() => {
       S.current = !1;
@@ -1105,7 +1106,7 @@ function ri({ groups: t, width: e, lineHeight: i, groupHeights: n, scrollTop: r,
   }, [r]);
   const $ = [];
   for (let E = g; E <= H; E++) {
-    const k = t[E];
+    const k = i[E];
     if (!k)
       continue;
     const X = m[E], B = m[E + 1] - X;
@@ -1119,148 +1120,148 @@ function ri({ groups: t, width: e, lineHeight: i, groupHeights: n, scrollTop: r,
       alignItems: "stretch",
       borderBottom: `1px solid ${((w = o.grid) == null ? void 0 : w.line) ?? "#E5E5E5"}`,
       boxSizing: "border-box"
-    }, children: c(k) }, k.id));
+    }, children: a(k) }, k.id));
   }
   return re("div", { ref: h, onScroll: Y, style: {
     width: e,
     height: T,
-    overflowY: f > u ? "auto" : "hidden",
+    overflowY: f > c ? "auto" : "hidden",
     overflowX: "hidden",
     position: "relative",
     borderRight: `1px solid ${o.sidebar.border}`,
     backgroundColor: o.sidebar.bg
   }, children: re("div", { style: { height: f, position: "relative" }, children: $ }) });
 }
-function ln(t) {
+function ln(i) {
   return null;
 }
 ln.displayName = "TodayMarker";
-function oi(t) {
-  return { date: Math.floor(Date.now() / 6e4) * 6e4, color: t.color ?? "#FD7171", width: t.width ?? 6, label: t.label };
+function oi(i) {
+  return { date: Math.floor(Date.now() / 6e4) * 6e4, color: i.color ?? "#FD7171", width: i.width ?? 6, label: i.label };
 }
-function un(t) {
-  return t.interval ?? 1e4;
+function un(i) {
+  return i.interval ?? 1e4;
 }
-function cn(t) {
+function cn(i) {
   return null;
 }
 cn.displayName = "CustomMarker";
-function si(t) {
+function si(i) {
   return {
-    date: t.date,
-    color: t.color ?? "#3B82F6",
-    width: t.width ?? 4,
-    label: t.label
+    date: i.date,
+    color: i.color ?? "#3B82F6",
+    width: i.width ?? 4,
+    label: i.label
   };
 }
 ve.extend(an);
-function dn(t) {
-  return t ? {
+function dn(i) {
+  return i ? {
     ...Ee,
-    ...t,
-    status: { ...Ee.status, ...t.status },
-    grid: { ...Ee.grid, ...t.grid },
-    item: { ...Ee.item, ...t.item },
-    marker: { ...Ee.marker, ...t.marker },
-    sidebar: { ...Ee.sidebar, ...t.sidebar },
-    header: { ...Ee.header, ...t.header }
+    ...i,
+    status: { ...Ee.status, ...i.status },
+    grid: { ...Ee.grid, ...i.grid },
+    item: { ...Ee.item, ...i.item },
+    marker: { ...Ee.marker, ...i.marker },
+    sidebar: { ...Ee.sidebar, ...i.sidebar },
+    header: { ...Ee.header, ...i.header }
   } : Ee;
 }
-const ai = 32, Hn = ce.memo(_i(function(e, i) {
-  const { groups: n, items: r, defaultTimeStart: u, defaultTimeEnd: o, sidebarWidth: c, lineHeight: s, itemHeightRatio: h, stackItems: S, canMove: m, canChangeGroup: f, canResize: T, dragSnap: y, minZoom: g, maxZoom: H, theme: Y, dayStyle: $, rowStyle: w, showCursorLine: E, itemRenderer: k, groupRenderer: X, sidebarGroupRenderer: B, dependencies: I, highlights: x, onItemClick: _, onItemDoubleClick: ie, onItemContextMenu: U, onItemMove: J, onItemResize: me, moveResizeValidator: be, onItemHover: ye, onInteractionUpdate: Ye, onCanvasDoubleClick: et, onCanvasContextMenu: He, onTimeChange: Dt, onZoom: Ot, selected: Rt = [], rightSidebarWidth: ft, rightSidebarGroupRenderer: Pt, onReady: tt, maxHeight: Be, timezone: it, devBadge: vi, children: we } = e, Te = Q(() => dn(Y), [Y]), Yt = te((a, l) => {
-    for (let p = 0; p < l.length; p++)
-      if (l[p].id === a)
+const ai = 32, Hn = ce.memo(_i(function(e, t) {
+  const { groups: n, items: r, defaultTimeStart: c, defaultTimeEnd: o, sidebarWidth: a, lineHeight: l, itemHeightRatio: h, stackItems: S, canMove: m, canChangeGroup: f, canResize: T, dragSnap: y, minZoom: g, maxZoom: H, theme: Y, dayStyle: $, rowStyle: w, showCursorLine: E, itemRenderer: k, groupRenderer: X, sidebarGroupRenderer: B, dependencies: D, highlights: z, onItemClick: _, onItemDoubleClick: ie, onItemContextMenu: U, onItemMove: J, onItemResize: me, moveResizeValidator: be, onItemHover: ye, onInteractionUpdate: Ye, onCanvasDoubleClick: et, onCanvasContextMenu: He, onTimeChange: It, onZoom: Ot, selected: Rt = [], rightSidebarWidth: ft, rightSidebarGroupRenderer: Pt, onReady: tt, maxHeight: Be, timezone: it, devBadge: vi, children: we } = e, Te = Q(() => dn(Y), [Y]), Yt = te((s, u) => {
+    for (let p = 0; p < u.length; p++)
+      if (u[p].id === s)
         return p;
     return 0;
-  }, []), bi = Rt.join(","), ht = Q(() => Rt, [bi]), $t = A(null), Xt = A(null), Ft = A(null), xe = A(null), _t = A(null), Wt = A(null), [yi, Ti] = Ue(800), [Si, Mi] = Ue(null);
+  }, []), bi = Rt.join(","), ht = Q(() => Rt, [bi]), $t = A(null), Xt = A(null), Ft = A(null), ze = A(null), _t = A(null), Wt = A(null), [yi, Ti] = Ue(800), [Si, Mi] = Ue(null);
   ae(() => {
-    const a = _t.current;
-    if (!a)
+    const s = _t.current;
+    if (!s)
       return;
-    const l = new ResizeObserver((p) => {
+    const u = new ResizeObserver((p) => {
       const v = p[0];
       v && Ti(v.contentRect.width);
     });
-    return l.observe(a), () => l.disconnect();
+    return u.observe(s), () => u.disconnect();
   }, []), ae(() => {
-    const a = Wt.current;
-    if (!a || !Be)
+    const s = Wt.current;
+    if (!s || !Be)
       return;
-    const l = new ResizeObserver((p) => {
+    const u = new ResizeObserver((p) => {
       const v = p[0];
       v && Mi(v.contentRect.height);
     });
-    return l.observe(a), () => l.disconnect();
+    return u.observe(s), () => u.disconnect();
   }, [Be]);
-  const ke = Math.max(0, yi - c - (ft ?? 0)), Ie = Q(() => {
-    const a = new Li();
-    return a.rebuild(r), a;
+  const ke = Math.max(0, yi - a - (ft ?? 0)), De = Q(() => {
+    const s = new Li();
+    return s.rebuild(r), s;
   }, [r]), mt = Q(() => {
-    const a = new xi();
-    return a.buildFromItems(r, (l) => Ie.getEffectiveSpan(l.id).start, (l) => Ie.getEffectiveSpan(l.id).end), a;
-  }, [r, Ie]), ze = Q(() => {
-    const a = new zi(s, h);
-    return a.computeLayout(r, S, Ie), a;
-  }, [r, s, h, S, Ie]), De = Q(() => n.map((a) => ze.getGroupHeight(a.id)), [n, ze]), nt = Q(() => De.reduce((a, l) => a + l, 0), [De]), Bt = typeof Be == "number" ? Be : Si, ge = Bt ? Math.min(nt, Bt) : nt, L = A(new wt({
-    visibleTimeStart: e.visibleTimeStart ?? u,
+    const s = new zi();
+    return s.buildFromItems(r, (u) => De.getEffectiveSpan(u.id).start, (u) => De.getEffectiveSpan(u.id).end), s;
+  }, [r, De]), xe = Q(() => {
+    const s = new xi(l, h);
+    return s.computeLayout(r, S, De), s;
+  }, [r, l, h, S, De]), Ie = Q(() => n.map((s) => xe.getGroupHeight(s.id)), [n, xe]), nt = Q(() => Ie.reduce((s, u) => s + u, 0), [Ie]), Bt = typeof Be == "number" ? Be : Si, ge = Bt ? Math.min(nt, Bt) : nt, L = A(new wt({
+    visibleTimeStart: e.visibleTimeStart ?? c,
     visibleTimeEnd: e.visibleTimeEnd ?? o,
     canvasWidth: ke,
     canvasHeight: ge,
-    sidebarWidth: c,
-    lineHeight: s,
+    sidebarWidth: a,
+    lineHeight: l,
     groupCount: n.length,
     buffer: e.buffer ?? 3,
     scrollTop: 0,
-    groupHeights: De
-  })), gt = A(null), Le = A(void 0), xt = A({ x: 0, y: 0 }), pt = A(!1), de = A(null), Oe = A(!1), zt = 4, [Lt, wi] = Ue(e.visibleTimeStart ?? u), [At, ki] = Ue(e.visibleTimeEnd ?? o), [Nt, rt] = Ue(0), Ae = A(null), $e = te(() => {
-    const a = L.current;
-    wi(a.visibleTimeStart), ki(a.visibleTimeEnd), rt(a.scrollTop), Ae.current = null;
+    groupHeights: Ie
+  })), gt = A(null), Le = A(void 0), zt = A({ x: 0, y: 0 }), pt = A(!1), de = A(null), Oe = A(!1), xt = 4, [Lt, wi] = Ue(e.visibleTimeStart ?? c), [At, ki] = Ue(e.visibleTimeEnd ?? o), [Nt, rt] = Ue(0), Ae = A(null), $e = te(() => {
+    const s = L.current;
+    wi(s.visibleTimeStart), ki(s.visibleTimeEnd), rt(s.scrollTop), Ae.current = null;
   }, []), vt = te(() => {
     Ae.current === null && (Ae.current = setTimeout($e, ai));
   }, [$e]);
   ae(() => () => {
     Ae.current !== null && clearTimeout(Ae.current);
   }, []);
-  const jt = Q(() => e.summaryRenderer ? e.summaryRenderer : (a, l, p, v, d) => {
-    Ai(a, l, p, v, d, Te);
+  const jt = Q(() => e.summaryRenderer ? e.summaryRenderer : (s, u, p, v, d) => {
+    Ai(s, u, p, v, d, Te);
   }, [e.summaryRenderer, Te]), Xe = Q(() => new Ki(), []), Fe = Q(() => new Qi(), []), _e = Q(() => new Ji(), []), ne = Q(() => new rn(y), [y]), ot = Q(() => {
-    const a = [];
-    return ce.Children.forEach(we, (l) => {
+    const s = [];
+    return ce.Children.forEach(we, (u) => {
       var v;
-      if (!ce.isValidElement(l))
+      if (!ce.isValidElement(u))
         return;
-      const p = (v = l.type) == null ? void 0 : v.displayName;
-      p === "TodayMarker" ? a.push(oi(l.props)) : p === "CustomMarker" && a.push(si(l.props));
-    }), a;
-  }, [we]), st = Q(() => ot.map((a) => `${a.date}|${a.color}|${a.width}|${a.label ?? ""}`).join(";"), [ot]), Ne = A(ot);
+      const p = (v = u.type) == null ? void 0 : v.displayName;
+      p === "TodayMarker" ? s.push(oi(u.props)) : p === "CustomMarker" && s.push(si(u.props));
+    }), s;
+  }, [we]), st = Q(() => ot.map((s) => `${s.date}|${s.color}|${s.width}|${s.label ?? ""}`).join(";"), [ot]), Ne = A(ot);
   Ne.current = ot;
   const bt = Q(() => {
-    let a = 0;
-    return ce.Children.forEach(we, (l) => {
+    let s = 0;
+    return ce.Children.forEach(we, (u) => {
       var v;
-      if (!ce.isValidElement(l))
+      if (!ce.isValidElement(u))
         return;
-      ((v = l.type) == null ? void 0 : v.displayName) === "TodayMarker" && (a = un(l.props));
-    }), a;
+      ((v = u.type) == null ? void 0 : v.displayName) === "TodayMarker" && (s = un(u.props));
+    }), s;
   }, [we]), N = A({
     groups: n,
     items: r,
     intervalTree: mt,
-    layoutEngine: ze,
+    layoutEngine: xe,
     itemRenderer: k,
     groupRenderer: X,
     theme: Te,
     selected: ht,
-    dependencies: I,
-    highlights: x,
+    dependencies: D,
+    highlights: z,
     dayStyle: $,
     rowStyle: w,
     showCursorLine: E,
     canvasWidth: ke,
     canvasHeight: ge,
-    lineHeight: s,
+    lineHeight: l,
     itemHeightRatio: h,
-    onTimeChange: Dt,
+    onTimeChange: It,
     onZoom: Ot,
     onItemHover: ye,
     onItemClick: _,
@@ -1275,31 +1276,31 @@ const ai = 32, Hn = ce.memo(_i(function(e, i) {
     canResize: T,
     canChangeGroup: f,
     dragSnap: y,
-    sidebarWidth: c,
+    sidebarWidth: a,
     moveResizeValidator: be,
     summaryRenderer: jt,
-    hierarchyEngine: Ie,
+    hierarchyEngine: De,
     timezone: it
   });
   N.current = {
     groups: n,
     items: r,
     intervalTree: mt,
-    layoutEngine: ze,
+    layoutEngine: xe,
     itemRenderer: k,
     groupRenderer: X,
     theme: Te,
     selected: ht,
-    dependencies: I,
-    highlights: x,
+    dependencies: D,
+    highlights: z,
     dayStyle: $,
     rowStyle: w,
     showCursorLine: E,
     canvasWidth: ke,
     canvasHeight: ge,
-    lineHeight: s,
+    lineHeight: l,
     itemHeightRatio: h,
-    onTimeChange: Dt,
+    onTimeChange: It,
     onZoom: Ot,
     onItemHover: ye,
     onItemClick: _,
@@ -1314,97 +1315,97 @@ const ai = 32, Hn = ce.memo(_i(function(e, i) {
     canResize: T,
     canChangeGroup: f,
     dragSnap: y,
-    sidebarWidth: c,
+    sidebarWidth: a,
     moveResizeValidator: be,
     summaryRenderer: jt,
-    hierarchyEngine: Ie,
+    hierarchyEngine: De,
     timezone: it
   };
   const Ci = te(() => {
-    const a = $t.current;
-    if (!a)
+    const s = $t.current;
+    if (!s)
       return;
-    const l = N.current, p = Ct(a, l.canvasWidth, l.canvasHeight);
-    Et(p, a), Xe.draw(p, L.current, l.groups, l.theme, l.dayStyle, l.rowStyle, l.highlights, l.timezone);
+    const u = N.current, p = Ct(s, u.canvasWidth, u.canvasHeight);
+    Et(p, s), Xe.draw(p, L.current, u.groups, u.theme, u.dayStyle, u.rowStyle, u.highlights, u.timezone);
   }, [Xe]), Ei = te(() => {
-    const a = Xt.current;
-    if (!a)
+    const s = Xt.current;
+    if (!s)
       return;
-    const l = N.current, p = Ct(a, l.canvasWidth, l.canvasHeight);
-    Et(p, a), Fe.draw(p, L.current, l.groups, l.items, l.intervalTree, l.layoutEngine, l.itemRenderer, l.groupRenderer, l.theme, l.selected, Le.current, l.dependencies, l.summaryRenderer, l.hierarchyEngine);
-  }, [Fe]), Gt = te((a, l, p) => {
-    const v = L.current, d = N.current, b = d.canvasWidth / (v.visibleTimeEnd - v.visibleTimeStart), C = l / b, D = p === "resize-left" ? "left" : p === "resize-right" ? "right" : void 0, P = qe(d.dragSnap, a, D), F = [];
-    p === "move" ? (F.push(v.timeToX(a.start_time + C)), F.push(v.timeToX(a.end_time + C))) : p === "resize-left" ? F.push(v.timeToX(a.start_time + C)) : F.push(v.timeToX(a.end_time + C));
-    const W = (v.visibleTimeEnd - v.visibleTimeStart) * 0.1, Z = d.intervalTree.query(v.visibleTimeStart - W, v.visibleTimeEnd + W), se = It(Z, a.id, (ee) => v.timeToX(ee));
+    const u = N.current, p = Ct(s, u.canvasWidth, u.canvasHeight);
+    Et(p, s), Fe.draw(p, L.current, u.groups, u.items, u.intervalTree, u.layoutEngine, u.itemRenderer, u.groupRenderer, u.theme, u.selected, Le.current, u.dependencies, u.summaryRenderer, u.hierarchyEngine);
+  }, [Fe]), Gt = te((s, u, p) => {
+    const v = L.current, d = N.current, b = d.canvasWidth / (v.visibleTimeEnd - v.visibleTimeStart), C = u / b, I = p === "resize-left" ? "left" : p === "resize-right" ? "right" : void 0, P = qe(d.dragSnap, s, I), F = [];
+    p === "move" ? (F.push(v.timeToX(s.start_time + C)), F.push(v.timeToX(s.end_time + C))) : p === "resize-left" ? F.push(v.timeToX(s.start_time + C)) : F.push(v.timeToX(s.end_time + C));
+    const W = (v.visibleTimeEnd - v.visibleTimeStart) * 0.1, Z = d.intervalTree.query(v.visibleTimeStart - W, v.visibleTimeEnd + W), se = Dt(Z, s.id, (ee) => v.timeToX(ee));
     for (const ee of F) {
       const V = dt(ee, se, 8);
       if (V !== null)
         return V;
     }
-    const q = p === "resize-right" ? a.end_time + C : a.start_time + C, G = Ke(q, P, d.timezone);
+    const q = p === "resize-right" ? s.end_time + C : s.start_time + C, G = Ke(q, P, d.timezone);
     return v.timeToX(G);
   }, []), Hi = te(() => {
-    const a = Ft.current;
-    if (!a)
+    const s = Ft.current;
+    if (!s)
       return;
-    const l = N.current, p = Ct(a, l.canvasWidth, l.canvasHeight);
-    Et(p, a);
+    const u = N.current, p = Ct(s, u.canvasWidth, u.canvasHeight);
+    Et(p, s);
     const v = L.current, d = ne.getState();
     let b = null;
     if (d) {
-      const C = v.timeToX(d.item.start_time), D = v.timeToX(d.item.end_time) - C;
+      const C = v.timeToX(d.item.start_time), I = v.timeToX(d.item.end_time) - C;
       let P, F;
-      d.mode === "resize-left" ? (P = C + d.deltaX, F = D - d.deltaX) : d.mode === "resize-right" ? (P = C, F = D + d.deltaX) : (P = C + d.deltaX, F = D);
-      const W = Yt(d.currentGroup, l.groups), Z = v.groupIndexToY(W), se = d.currentGroup !== d.originalGroup;
+      d.mode === "resize-left" ? (P = C + d.deltaX, F = I - d.deltaX) : d.mode === "resize-right" ? (P = C, F = I + d.deltaX) : (P = C + d.deltaX, F = I);
+      const W = Yt(d.currentGroup, u.groups), Z = v.groupIndexToY(W), se = d.currentGroup !== d.originalGroup;
       b = {
         item: d.item,
         mode: d.mode,
-        bounds: { x: P, y: Z + (l.lineHeight - l.lineHeight * l.itemHeightRatio) / 2, width: F, height: l.lineHeight * l.itemHeightRatio },
-        renderer: l.itemRenderer,
+        bounds: { x: P, y: Z + (u.lineHeight - u.lineHeight * u.itemHeightRatio) / 2, width: F, height: u.lineHeight * u.itemHeightRatio },
+        renderer: u.itemRenderer,
         targetGroupY: Z,
         groupChanged: se
       };
     }
-    _e.draw(p, v, l.theme, {
-      cursorX: l.showCursorLine ? gt.current : null,
+    _e.draw(p, v, u.theme, {
+      cursorX: u.showCursorLine ? gt.current : null,
       snapX: d ? Gt(d.item, d.deltaX, d.mode) : null,
       markers: Ne.current,
       interaction: b
-    }), l.onInteractionUpdate && (d ? (l.onInteractionUpdate(on(d, v, l, xt.current)), pt.current = !0) : pt.current && (pt.current = !1, l.onInteractionUpdate(null)));
+    }), u.onInteractionUpdate && (d ? (u.onInteractionUpdate(on(d, v, u, zt.current)), pt.current = !0) : pt.current && (pt.current = !1, u.onInteractionUpdate(null)));
   }, [_e, ne, Gt, Yt]), yt = A(null);
-  yt.current || (yt.current = new Gi((a) => {
-    a.grid && Ci(), a.items && Ei(), a.overlay && Hi();
+  yt.current || (yt.current = new Gi((s) => {
+    s.grid && Ci(), s.items && Ei(), s.overlay && Hi();
   }));
   const O = yt.current;
   ae(() => () => O.dispose(), [O]), ae(() => {
     if (!bt)
       return;
-    const a = setInterval(() => {
-      const l = [];
+    const s = setInterval(() => {
+      const u = [];
       ce.Children.forEach(we, (p) => {
         var d;
         if (!ce.isValidElement(p))
           return;
         const v = (d = p.type) == null ? void 0 : d.displayName;
-        v === "TodayMarker" ? l.push(oi(p.props)) : v === "CustomMarker" && l.push(si(p.props));
-      }), Ne.current = l, O.markDirty("overlay");
+        v === "TodayMarker" ? u.push(oi(p.props)) : v === "CustomMarker" && u.push(si(p.props));
+      }), Ne.current = u, O.markDirty("overlay");
     }, bt);
-    return () => clearInterval(a);
+    return () => clearInterval(s);
   }, [bt, we, O]), ae(() => {
     L.current.update({
       canvasWidth: ke,
       canvasHeight: ge,
-      sidebarWidth: c,
-      lineHeight: s,
+      sidebarWidth: a,
+      lineHeight: l,
       groupCount: n.length,
-      groupHeights: De
+      groupHeights: Ie
     }), O.markAllDirty();
-  }, [ke, ge, c, s, n.length, De, O]), ae(() => {
+  }, [ke, ge, a, l, n.length, Ie, O]), ae(() => {
     O.markDirty("grid"), O.markDirty("items");
-  }, [r, n, ht, Te, $, w, mt, ze, O]);
+  }, [r, n, ht, Te, $, w, mt, xe, O]);
   const at = Q(() => {
-    var a;
-    return ((a = e.highlights) == null ? void 0 : a.map((l) => `${l.start}|${l.end}|${l.color}|${l.label ?? ""}|${l.opacity ?? ""}`).join(";")) ?? "";
+    var s;
+    return ((s = e.highlights) == null ? void 0 : s.map((u) => `${u.start}|${u.end}|${u.color}|${u.label ?? ""}|${u.opacity ?? ""}`).join(";")) ?? "";
   }, [e.highlights]), Ut = A(at);
   ae(() => {
     at !== Ut.current && (Ut.current = at, O.markDirty("grid"));
@@ -1415,38 +1416,38 @@ const ai = 32, Hn = ce.memo(_i(function(e, i) {
   }, [st, O]);
   const Vt = A(e.visibleTimeStart), qt = A(e.visibleTimeEnd);
   e.visibleTimeStart !== void 0 && e.visibleTimeStart !== Vt.current && (Vt.current = e.visibleTimeStart, L.current.update({ visibleTimeStart: e.visibleTimeStart }), O.markAllDirty()), e.visibleTimeEnd !== void 0 && e.visibleTimeEnd !== qt.current && (qt.current = e.visibleTimeEnd, L.current.update({ visibleTimeEnd: e.visibleTimeEnd }), O.markAllDirty());
-  const je = A(null), Tt = te((a) => {
+  const je = A(null), Tt = te((s) => {
     je.current === null && (je.current = setTimeout(() => {
       var v, d;
       je.current = null;
-      const l = L.current, p = N.current;
-      a === "zoom" ? (v = p.onZoom) == null || v.call(p, l.visibleTimeStart, l.visibleTimeEnd) : (d = p.onTimeChange) == null || d.call(p, l.visibleTimeStart, l.visibleTimeEnd);
+      const u = L.current, p = N.current;
+      s === "zoom" ? (v = p.onZoom) == null || v.call(p, u.visibleTimeStart, u.visibleTimeEnd) : (d = p.onTimeChange) == null || d.call(p, u.visibleTimeStart, u.visibleTimeEnd);
     }, ai));
   }, []);
   ae(() => () => {
     je.current !== null && clearTimeout(je.current);
   }, []);
-  const lt = A(null), St = Q(() => new tn((a, l) => {
+  const lt = A(null), St = Q(() => new tn((s, u) => {
     var p;
-    L.current.update({ visibleTimeStart: a, visibleTimeEnd: l }), (p = lt.current) == null || p.updateBounds(a, l), O.markAllDirty(), vt(), Tt("zoom");
-  }, u, o, g, H), []);
+    L.current.update({ visibleTimeStart: s, visibleTimeEnd: u }), (p = lt.current) == null || p.updateBounds(s, u), O.markAllDirty(), vt(), Tt("zoom");
+  }, c, o, g, H), []);
   lt.current = St;
-  const ut = te((a) => {
-    const l = L.current, p = l.getTotalHeight(), v = Math.max(0, p - l.canvasHeight), d = Math.max(0, Math.min(v, l.scrollTop + a));
-    d !== l.scrollTop && (l.update({ scrollTop: d }), O.markDirty("grid"), O.markDirty("items"), O.markDirty("overlay"), rt(d));
-  }, [O]), Ge = te((a) => {
-    var C, D, P;
-    const l = L.current, p = l.canvasWidth / (l.visibleTimeEnd - l.visibleTimeStart), v = a / p, d = l.visibleTimeStart + v, b = l.visibleTimeEnd + v;
-    l.update({ visibleTimeStart: d, visibleTimeEnd: b }), (C = lt.current) == null || C.updateBounds(d, b), O.markAllDirty(), Bi(() => $e()), (P = (D = N.current).onTimeChange) == null || P.call(D, d, b);
+  const ut = te((s) => {
+    const u = L.current, p = u.getTotalHeight(), v = Math.max(0, p - u.canvasHeight), d = Math.max(0, Math.min(v, u.scrollTop + s));
+    d !== u.scrollTop && (u.update({ scrollTop: d }), O.markDirty("grid"), O.markDirty("items"), O.markDirty("overlay"), rt(d));
+  }, [O]), Ge = te((s) => {
+    var C, I, P;
+    const u = L.current, p = u.canvasWidth / (u.visibleTimeEnd - u.visibleTimeStart), v = s / p, d = u.visibleTimeStart + v, b = u.visibleTimeEnd + v;
+    u.update({ visibleTimeStart: d, visibleTimeEnd: b }), (C = lt.current) == null || C.updateBounds(d, b), O.markAllDirty(), Bi(() => $e()), (P = (I = N.current).onTimeChange) == null || P.call(I, d, b);
   }, [O, $e]);
   ae(() => {
-    const a = xe.current;
-    if (!a)
+    const s = ze.current;
+    if (!s)
       return;
-    const l = (p) => {
+    const u = (p) => {
       if (p.ctrlKey || p.metaKey || p.altKey) {
         p.preventDefault();
-        const v = a.getBoundingClientRect(), d = (p.clientX - v.left) / v.width;
+        const v = s.getBoundingClientRect(), d = (p.clientX - v.left) / v.width;
         St.handleWheelZoom(p, d);
       } else if (p.shiftKey)
         p.preventDefault(), Ge(p.deltaY || p.deltaX);
@@ -1455,44 +1456,44 @@ const ai = 32, Hn = ce.memo(_i(function(e, i) {
         v !== 0 && Math.abs(v) > Math.abs(p.deltaY) ? (p.preventDefault(), Ge(v)) : p.deltaY !== 0 && (nt > ge && p.preventDefault(), ut(p.deltaY));
       }
     };
-    return a.addEventListener("wheel", l, { passive: !1 }), () => a.removeEventListener("wheel", l);
+    return s.addEventListener("wheel", u, { passive: !1 }), () => s.removeEventListener("wheel", u);
   }, [St, ut, Ge, nt, ge]);
   const Ce = A({ lastDistance: null, lastCenter: null });
   ae(() => {
-    const a = xe.current;
-    if (!a)
+    const s = ze.current;
+    if (!s)
       return;
-    const l = (C, D) => Math.abs(C.clientX - D.clientX), p = (C, D, P) => (C.clientX + D.clientX) / 2 - P.left, v = (C) => {
-      C.touches.length === 2 && (C.preventDefault(), Ce.current.lastDistance = l(C.touches[0], C.touches[1]), Ce.current.lastCenter = null);
+    const u = (C, I) => Math.abs(C.clientX - I.clientX), p = (C, I, P) => (C.clientX + I.clientX) / 2 - P.left, v = (C) => {
+      C.touches.length === 2 && (C.preventDefault(), Ce.current.lastDistance = u(C.touches[0], C.touches[1]), Ce.current.lastCenter = null);
     }, d = (C) => {
-      var D;
+      var I;
       if (C.touches.length === 2 && Ce.current.lastDistance !== null) {
         C.preventDefault();
-        const P = l(C.touches[0], C.touches[1]), F = a.getBoundingClientRect(), Z = p(C.touches[0], C.touches[1], F) / F.width;
+        const P = u(C.touches[0], C.touches[1]), F = s.getBoundingClientRect(), Z = p(C.touches[0], C.touches[1], F) / F.width;
         if (P !== 0 && Ce.current.lastDistance !== 0) {
           const se = Ce.current.lastDistance / P, q = L.current, G = q.visibleTimeEnd - q.visibleTimeStart;
           let ee = G * se;
           ee = Math.max(g, Math.min(H, ee));
           const V = q.visibleTimeStart + G * Z, R = V - ee * Z, M = V + ee * (1 - Z);
-          q.update({ visibleTimeStart: R, visibleTimeEnd: M }), (D = lt.current) == null || D.updateBounds(R, M), O.markAllDirty(), vt(), Tt("zoom");
+          q.update({ visibleTimeStart: R, visibleTimeEnd: M }), (I = lt.current) == null || I.updateBounds(R, M), O.markAllDirty(), vt(), Tt("zoom");
         }
         Ce.current.lastDistance = P;
       }
     }, b = () => {
       Ce.current.lastDistance = null, Ce.current.lastCenter = null;
     };
-    return a.addEventListener("touchstart", v, { passive: !1 }), a.addEventListener("touchmove", d, { passive: !1 }), a.addEventListener("touchend", b), () => {
-      a.removeEventListener("touchstart", v), a.removeEventListener("touchmove", d), a.removeEventListener("touchend", b);
+    return s.addEventListener("touchstart", v, { passive: !1 }), s.addEventListener("touchmove", d, { passive: !1 }), s.addEventListener("touchend", b), () => {
+      s.removeEventListener("touchstart", v), s.removeEventListener("touchmove", d), s.removeEventListener("touchend", b);
     };
   }, [O, vt, Tt]);
-  const Ii = te((a) => {
+  const Di = te((s) => {
     var P;
-    const l = a.currentTarget, p = l.getBoundingClientRect(), v = a.clientX - p.left, d = a.clientY - p.top;
-    if (gt.current = v, xt.current = { x: a.clientX, y: a.clientY }, de.current) {
-      const F = a.clientX - de.current.startX, W = a.clientY - de.current.startY;
-      if (!Oe.current && (Math.abs(F) >= zt || Math.abs(W) >= zt) && (Oe.current = !0, l.style.cursor = "grabbing", l.setPointerCapture(a.pointerId)), Oe.current) {
-        const Z = a.clientX - de.current.lastX, se = a.clientY - de.current.lastY;
-        de.current.lastX = a.clientX, de.current.lastY = a.clientY, Math.abs(Z) > 0 && Ge(-Z), Math.abs(se) > 0 && ut(-se);
+    const u = s.currentTarget, p = u.getBoundingClientRect(), v = s.clientX - p.left, d = s.clientY - p.top;
+    if (gt.current = v, zt.current = { x: s.clientX, y: s.clientY }, de.current) {
+      const F = s.clientX - de.current.startX, W = s.clientY - de.current.startY;
+      if (!Oe.current && (Math.abs(F) >= xt || Math.abs(W) >= xt) && (Oe.current = !0, u.style.cursor = "grabbing", u.setPointerCapture(s.pointerId)), Oe.current) {
+        const Z = s.clientX - de.current.lastX, se = s.clientY - de.current.lastY;
+        de.current.lastX = s.clientX, de.current.lastY = s.clientY, Math.abs(Z) > 0 && Ge(-Z), Math.abs(se) > 0 && ut(-se);
       }
       return;
     }
@@ -1508,26 +1509,26 @@ const ai = 32, Hn = ce.memo(_i(function(e, i) {
       return;
     }
     N.current.showCursorLine && O.markDirty("overlay");
-    const b = N.current, C = Ze(v, d, L.current, b.intervalTree, b.layoutEngine, b.groups), D = C == null ? void 0 : C.id;
-    if (D !== Le.current && (Le.current = D, O.markDirty("items"), (P = b.onItemHover) == null || P.call(b, D ?? null, a.nativeEvent)), C) {
+    const b = N.current, C = Ze(v, d, L.current, b.intervalTree, b.layoutEngine, b.groups), I = C == null ? void 0 : C.id;
+    if (I !== Le.current && (Le.current = I, O.markDirty("items"), (P = b.onItemHover) == null || P.call(b, I ?? null, s.nativeEvent)), C) {
       const F = Qt(v, C, L.current), W = Jt(C, F, b.canResize, b.canMove);
-      l.style.cursor = W === "resize-left" || W === "resize-right" ? "col-resize" : W === "move" ? "grab" : "default";
+      u.style.cursor = W === "resize-left" || W === "resize-right" ? "col-resize" : W === "move" ? "grab" : "default";
     } else
-      l.style.cursor = "default";
-  }, [ne, O, Ge, ut]), Di = te((a) => {
-    const l = N.current, p = a.currentTarget.getBoundingClientRect(), v = a.clientX - p.left, d = a.clientY - p.top, b = Ze(v, d, L.current, l.intervalTree, l.layoutEngine, l.groups);
+      u.style.cursor = "default";
+  }, [ne, O, Ge, ut]), Ii = te((s) => {
+    const u = N.current, p = s.currentTarget.getBoundingClientRect(), v = s.clientX - p.left, d = s.clientY - p.top, b = Ze(v, d, L.current, u.intervalTree, u.layoutEngine, u.groups);
     if (!b) {
-      de.current = { startX: a.clientX, startY: a.clientY, lastX: a.clientX, lastY: a.clientY }, Oe.current = !1;
+      de.current = { startX: s.clientX, startY: s.clientY, lastX: s.clientX, lastY: s.clientY }, Oe.current = !1;
       return;
     }
-    const C = Qt(v, b, L.current), D = Jt(b, C, l.canResize, l.canMove);
-    D && ne.startInteraction(b, D, v, d);
-  }, [ne]), Oi = te((a) => {
-    var C, D, P, F;
-    const l = a.currentTarget;
+    const C = Qt(v, b, L.current), I = Jt(b, C, u.canResize, u.canMove);
+    I && ne.startInteraction(b, I, v, d);
+  }, [ne]), Oi = te((s) => {
+    var C, I, P, F;
+    const u = s.currentTarget;
     if (de.current) {
       const W = Oe.current;
-      if (de.current = null, Oe.current = !1, l.style.cursor = "default", W)
+      if (de.current = null, Oe.current = !1, u.style.cursor = "default", W)
         return;
     }
     if (ne.isActive()) {
@@ -1544,98 +1545,98 @@ const ai = 32, Hn = ce.memo(_i(function(e, i) {
           const { edge: ee, time: V } = hi(W, Z, G);
           if (ne.endResize(se)) {
             const M = q ? q("resize", W.item.id, V, ee) : V;
-            (D = G.onItemResize) == null || D.call(G, W.item.id, M, ee);
+            (I = G.onItemResize) == null || I.call(G, W.item.id, M, ee);
           }
         }
       }
-      l.style.cursor = "default", O.markDirty("overlay");
+      u.style.cursor = "default", O.markDirty("overlay");
       return;
     }
     ne.isPending() && ne.cancel();
-    const p = l.getBoundingClientRect(), v = a.clientX - p.left, d = a.clientY - p.top, b = Ze(v, d, L.current, N.current.intervalTree, N.current.layoutEngine, N.current.groups);
-    b && ((F = (P = N.current).onItemClick) == null || F.call(P, b.id, a.nativeEvent));
-  }, [ne, O]), Ri = te((a) => {
-    var C, D;
-    const l = a.currentTarget.getBoundingClientRect(), p = a.clientX - l.left, v = a.clientY - l.top, d = N.current, b = Ze(p, v, L.current, d.intervalTree, d.layoutEngine, d.groups);
+    const p = u.getBoundingClientRect(), v = s.clientX - p.left, d = s.clientY - p.top, b = Ze(v, d, L.current, N.current.intervalTree, N.current.layoutEngine, N.current.groups);
+    b && ((F = (P = N.current).onItemClick) == null || F.call(P, b.id, s.nativeEvent));
+  }, [ne, O]), Ri = te((s) => {
+    var C, I;
+    const u = s.currentTarget.getBoundingClientRect(), p = s.clientX - u.left, v = s.clientY - u.top, d = N.current, b = Ze(p, v, L.current, d.intervalTree, d.layoutEngine, d.groups);
     if (b)
-      (C = d.onItemDoubleClick) == null || C.call(d, b.id, a.nativeEvent);
+      (C = d.onItemDoubleClick) == null || C.call(d, b.id, s.nativeEvent);
     else {
       const P = kt(v, L.current, d.groups), F = L.current.xToTime(p);
-      P && ((D = d.onCanvasDoubleClick) == null || D.call(d, P.id, F));
+      P && ((I = d.onCanvasDoubleClick) == null || I.call(d, P.id, F));
     }
-  }, []), Pi = te((a) => {
-    var C, D;
-    a.preventDefault();
-    const l = a.currentTarget.getBoundingClientRect(), p = a.clientX - l.left, v = a.clientY - l.top, d = N.current, b = Ze(p, v, L.current, d.intervalTree, d.layoutEngine, d.groups);
+  }, []), Pi = te((s) => {
+    var C, I;
+    s.preventDefault();
+    const u = s.currentTarget.getBoundingClientRect(), p = s.clientX - u.left, v = s.clientY - u.top, d = N.current, b = Ze(p, v, L.current, d.intervalTree, d.layoutEngine, d.groups);
     if (b)
-      (C = d.onItemContextMenu) == null || C.call(d, b.id, a.nativeEvent);
+      (C = d.onItemContextMenu) == null || C.call(d, b.id, s.nativeEvent);
     else {
       const P = kt(v, L.current, d.groups), F = L.current.xToTime(p);
-      P && ((D = d.onCanvasContextMenu) == null || D.call(d, P.id, F, a.nativeEvent));
+      P && ((I = d.onCanvasContextMenu) == null || I.call(d, P.id, F, s.nativeEvent));
     }
   }, []), Yi = te(() => {
-    var a, l;
-    de.current = null, Oe.current = !1, gt.current = null, xe.current && (xe.current.style.cursor = "default"), Le.current !== void 0 && (Le.current = void 0, O.markDirty("items"), (l = (a = N.current).onItemHover) == null || l.call(a, null, new PointerEvent("pointerleave"))), N.current.showCursorLine && O.markDirty("overlay");
+    var s, u;
+    de.current = null, Oe.current = !1, gt.current = null, ze.current && (ze.current.style.cursor = "default"), Le.current !== void 0 && (Le.current = void 0, O.markDirty("items"), (u = (s = N.current).onItemHover) == null || u.call(s, null, new PointerEvent("pointerleave"))), N.current.showCursorLine && O.markDirty("overlay");
   }, [O]), $i = Q(() => {
-    const a = [];
-    return ce.Children.forEach(we, (l) => {
+    const s = [];
+    return ce.Children.forEach(we, (u) => {
       var v;
-      if (!ce.isValidElement(l))
+      if (!ce.isValidElement(u))
         return;
-      if (((v = l.type) == null ? void 0 : v.displayName) === "TimelineHeaders") {
-        const d = l.props;
-        a.push(ce.cloneElement(l, {
+      if (((v = u.type) == null ? void 0 : v.displayName) === "TimelineHeaders") {
+        const d = u.props;
+        s.push(ce.cloneElement(u, {
           visibleTimeStart: d.visibleTimeStart ?? Lt,
           visibleTimeEnd: d.visibleTimeEnd ?? At,
           canvasWidth: d.canvasWidth ?? ke,
-          sidebarWidth: d.sidebarWidth ?? c,
+          sidebarWidth: d.sidebarWidth ?? a,
           theme: d.theme ?? Te,
           timezone: d.timezone ?? it,
           onZoomToInterval: d.onZoomToInterval ?? ((b, C) => {
-            var D, P, F, W;
-            L.current.update({ visibleTimeStart: b, visibleTimeEnd: C }), O.markAllDirty(), $e(), (P = (D = N.current).onTimeChange) == null || P.call(D, b, C), (W = (F = N.current).onZoom) == null || W.call(F, b, C);
+            var I, P, F, W;
+            L.current.update({ visibleTimeStart: b, visibleTimeEnd: C }), O.markAllDirty(), $e(), (P = (I = N.current).onTimeChange) == null || P.call(I, b, C), (W = (F = N.current).onZoom) == null || W.call(F, b, C);
           })
         }));
       }
-    }), a;
-  }, [we, Lt, At, ke, c, Te, it, O, $e]), Kt = A(!1);
+    }), s;
+  }, [we, Lt, At, ke, a, Te, it, O, $e]), Kt = A(!1);
   ae(() => {
     Kt.current || (Kt.current = !0, O.markAllDirty());
-  }, [O]), Wi(i, () => ({
-    captureToCanvas({ timeStart: a, timeEnd: l, scale: p, sidebarWidth: v }) {
-      const d = N.current, b = 28, C = b * 3, D = d.groups.map((j) => d.layoutEngine.getGroupHeight(j.id)), P = [0];
-      for (let j = 0; j < D.length; j++)
-        P.push(P[j] + D[j]);
-      const F = P[D.length], W = L.current, Z = d.canvasWidth / (W.visibleTimeEnd - W.visibleTimeStart), se = l - a, q = Math.max(d.canvasWidth, Math.round(se * Z)), G = (v + q) * p, ee = (C + F) * p, V = document.createElement("canvas");
+  }, [O]), Wi(t, () => ({
+    captureToCanvas({ timeStart: s, timeEnd: u, scale: p, sidebarWidth: v }) {
+      const d = N.current, b = 28, C = b * 3, I = d.groups.map((j) => d.layoutEngine.getGroupHeight(j.id)), P = [0];
+      for (let j = 0; j < I.length; j++)
+        P.push(P[j] + I[j]);
+      const F = P[I.length], W = L.current, Z = d.canvasWidth / (W.visibleTimeEnd - W.visibleTimeStart), se = u - s, q = Math.max(d.canvasWidth, Math.round(se * Z)), G = (v + q) * p, ee = (C + F) * p, V = document.createElement("canvas");
       V.width = G, V.height = ee;
       const R = V.getContext("2d");
       R.scale(p, p);
       for (let j = 0; j < d.groups.length; j++) {
-        const Se = d.groups[j], Me = D[j], z = C + P[j];
+        const Se = d.groups[j], Me = I[j], x = C + P[j];
         if (d.rowStyle) {
           const ue = d.rowStyle(Se);
-          ue != null && ue.backgroundColor && (R.fillStyle = ue.backgroundColor, R.fillRect(0, z, v, Me));
+          ue != null && ue.backgroundColor && (R.fillStyle = ue.backgroundColor, R.fillRect(0, x, v, Me));
         }
         const le = Se.type;
         let oe = "400", K = 8;
-        le === "project" ? oe = "700" : le === "CAG" ? oe = "600" : le === "CA" && (oe = "400", K = 24), R.fillStyle = "#111", R.font = `${oe} 12px sans-serif`, R.textBaseline = "middle", R.fillText(Se.title, K, z + Me / 2, v - K - 4);
+        le === "project" ? oe = "700" : le === "CAG" ? oe = "600" : le === "CA" && (oe = "400", K = 24), R.fillStyle = "#111", R.font = `${oe} 12px sans-serif`, R.textBaseline = "middle", R.fillText(Se.title, K, x + Me / 2, v - K - 4);
       }
       const M = (j, Se, Me) => {
         var oe, K;
         R.fillStyle = ((oe = d.theme.header) == null ? void 0 : oe.bg) ?? "#f5f5f5", R.fillRect(v, j, q, b), R.strokeStyle = ((K = d.theme.grid) == null ? void 0 : K.line) ?? "#e0e0e0", R.lineWidth = 1, R.strokeRect(v, j, q, b);
-        let z = he(a, d.timezone).startOf(Me);
-        z.valueOf() < a && (z = z.add(1, Me));
-        const le = q / (l - a);
-        for (; z.valueOf() < l; ) {
-          const ue = z.add(1, Me), fe = v + (z.valueOf() - a) * le, pe = v + (Math.min(ue.valueOf(), l) - a) * le - fe;
-          R.beginPath(), R.moveTo(fe, j), R.lineTo(fe, j + b), R.stroke(), R.fillStyle = "#333", R.font = "600 11px sans-serif", R.textBaseline = "middle", R.textAlign = "center", R.fillText(Se(z), fe + pe / 2, j + b / 2, pe - 4), z = ue;
+        let x = he(s, d.timezone).startOf(Me);
+        x.valueOf() < s && (x = x.add(1, Me));
+        const le = q / (u - s);
+        for (; x.valueOf() < u; ) {
+          const ue = x.add(1, Me), fe = v + (x.valueOf() - s) * le, pe = v + (Math.min(ue.valueOf(), u) - s) * le - fe;
+          R.beginPath(), R.moveTo(fe, j), R.lineTo(fe, j + b), R.stroke(), R.fillStyle = "#333", R.font = "600 11px sans-serif", R.textBaseline = "middle", R.textAlign = "center", R.fillText(Se(x), fe + pe / 2, j + b / 2, pe - 4), x = ue;
         }
         R.textAlign = "start";
       };
       M(0, (j) => j.format("YYYY"), "year"), M(b, (j) => j.format("MM"), "month"), M(b * 2, (j) => String(j.isoWeek()), "week");
       const We = new wt({
-        visibleTimeStart: a,
-        visibleTimeEnd: l,
+        visibleTimeStart: s,
+        visibleTimeEnd: u,
         canvasWidth: q,
         canvasHeight: F,
         sidebarWidth: 0,
@@ -1643,7 +1644,7 @@ const ai = 32, Hn = ce.memo(_i(function(e, i) {
         groupCount: d.groups.length,
         buffer: 1,
         scrollTop: 0,
-        groupHeights: D
+        groupHeights: I
       });
       return R.save(), R.translate(v, C), R.beginPath(), R.rect(0, 0, q, F), R.clip(), Xe.draw(R, We, d.groups, d.theme, d.dayStyle, d.rowStyle, d.highlights, d.timezone), Fe.draw(R, We, d.groups, d.items, d.intervalTree, d.layoutEngine, d.itemRenderer, d.groupRenderer, d.theme, d.selected, void 0, d.dependencies, d.summaryRenderer, d.hierarchyEngine), _e.draw(R, We, d.theme, {
         cursorX: null,
@@ -1653,46 +1654,46 @@ const ai = 32, Hn = ce.memo(_i(function(e, i) {
       }), R.restore(), V;
     }
   }), [Xe, Fe, _e]), ae(() => {
-    const a = {
-      captureToCanvas({ timeStart: l, timeEnd: p, scale: v, sidebarWidth: d }) {
+    const s = {
+      captureToCanvas({ timeStart: u, timeEnd: p, scale: v, sidebarWidth: d }) {
         var Me;
-        const b = N.current, C = 28, D = C * 3, P = b.groups.map((z) => b.layoutEngine.getGroupHeight(z.id)), F = [0];
-        for (let z = 0; z < P.length; z++)
-          F.push(F[z] + P[z]);
-        const W = F[P.length], Z = L.current, se = b.canvasWidth / (Z.visibleTimeEnd - Z.visibleTimeStart), q = p - l, G = Math.max(b.canvasWidth, Math.round(q * se)), ee = d + G, V = D + W, R = document.createElement("canvas");
+        const b = N.current, C = 28, I = C * 3, P = b.groups.map((x) => b.layoutEngine.getGroupHeight(x.id)), F = [0];
+        for (let x = 0; x < P.length; x++)
+          F.push(F[x] + P[x]);
+        const W = F[P.length], Z = L.current, se = b.canvasWidth / (Z.visibleTimeEnd - Z.visibleTimeStart), q = p - u, G = Math.max(b.canvasWidth, Math.round(q * se)), ee = d + G, V = I + W, R = document.createElement("canvas");
         R.width = ee * v, R.height = V * v;
         const M = R.getContext("2d");
-        M.scale(v, v), M.fillStyle = "#FFFFFF", M.fillRect(0, 0, ee, V), M.save(), M.beginPath(), M.rect(0, 0, d, V), M.clip(), M.fillStyle = "#F9FAFB", M.fillRect(0, 0, d, D), M.strokeStyle = "#E5E7EB", M.lineWidth = 1, M.strokeRect(0, 0, d, D);
-        for (let z = 0; z < b.groups.length; z++) {
-          const le = b.groups[z], oe = P[z], K = D + F[z], ue = (Me = b.rowStyle) == null ? void 0 : Me.call(b, le);
-          M.fillStyle = (ue == null ? void 0 : ue.backgroundColor) ?? (z % 2 === 0 ? "#FFFFFF" : "#F7F7F7"), M.fillRect(0, K, d, oe), M.strokeStyle = "#E5E5E5", M.lineWidth = 0.5, M.beginPath(), M.moveTo(0, K + oe), M.lineTo(d, K + oe), M.stroke();
+        M.scale(v, v), M.fillStyle = "#FFFFFF", M.fillRect(0, 0, ee, V), M.save(), M.beginPath(), M.rect(0, 0, d, V), M.clip(), M.fillStyle = "#F9FAFB", M.fillRect(0, 0, d, I), M.strokeStyle = "#E5E7EB", M.lineWidth = 1, M.strokeRect(0, 0, d, I);
+        for (let x = 0; x < b.groups.length; x++) {
+          const le = b.groups[x], oe = P[x], K = I + F[x], ue = (Me = b.rowStyle) == null ? void 0 : Me.call(b, le);
+          M.fillStyle = (ue == null ? void 0 : ue.backgroundColor) ?? (x % 2 === 0 ? "#FFFFFF" : "#F7F7F7"), M.fillRect(0, K, d, oe), M.strokeStyle = "#E5E5E5", M.lineWidth = 0.5, M.beginPath(), M.moveTo(0, K + oe), M.lineTo(d, K + oe), M.stroke();
           const fe = le.type ?? "";
           let Re = 8, pe = "400", Pe = 11;
           fe === "project" ? (pe = "700", Pe = 12) : fe === "control_area_group" ? pe = "600" : fe === "control_area" && (Re = 24), M.fillStyle = "#374151", M.font = `${pe} ${Pe}px -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif`, M.textBaseline = "middle";
           const Fi = typeof le.title == "string" ? le.title : String(le.title);
           M.fillText(Fi, Re, K + oe / 2, d - Re - 8);
         }
-        M.strokeStyle = "#E5E7EB", M.lineWidth = 1, M.beginPath(), M.moveTo(d, 0), M.lineTo(d, V), M.stroke(), M.restore(), M.save(), M.beginPath(), M.rect(d, 0, G, D), M.clip();
-        const We = p - l, j = [
+        M.strokeStyle = "#E5E7EB", M.lineWidth = 1, M.beginPath(), M.moveTo(d, 0), M.lineTo(d, V), M.stroke(), M.restore(), M.save(), M.beginPath(), M.rect(d, 0, G, I), M.clip();
+        const We = p - u, j = [
           { unit: "year", row: 0 },
           { unit: "month", row: 1 },
           { unit: "week", row: 2 }
         ];
-        for (const { unit: z, row: le } of j) {
+        for (const { unit: x, row: le } of j) {
           const oe = le * C;
           M.fillStyle = "#F9FAFB", M.fillRect(d, oe, G, C);
-          let K = he(l, b.timezone).startOf(z);
-          const ue = he(p, b.timezone).add(1, z);
+          let K = he(u, b.timezone).startOf(x);
+          const ue = he(p, b.timezone).add(1, x);
           for (; K.isBefore(ue); ) {
-            const fe = K.add(1, z), Re = d + (K.valueOf() - l) / We * G, pe = (fe.valueOf() - K.valueOf()) / We * G;
+            const fe = K.add(1, x), Re = d + (K.valueOf() - u) / We * G, pe = (fe.valueOf() - K.valueOf()) / We * G;
             M.strokeStyle = "#E5E7EB", M.lineWidth = 0.5, M.strokeRect(Re, oe, pe, C);
             let Pe;
-            z === "year" ? Pe = K.format("YYYY") : z === "month" ? Pe = K.format("MM") : Pe = `${K.week()}`, M.fillStyle = "#6c737f", M.font = z === "year" ? '600 11px -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif' : '400 11px -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif', M.textBaseline = "middle", M.textAlign = "center", pe > 20 && M.fillText(Pe, Re + pe / 2, oe + C / 2), K = fe;
+            x === "year" ? Pe = K.format("YYYY") : x === "month" ? Pe = K.format("MM") : Pe = `${K.week()}`, M.fillStyle = "#6c737f", M.font = x === "year" ? '600 11px -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif' : '400 11px -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif', M.textBaseline = "middle", M.textAlign = "center", pe > 20 && M.fillText(Pe, Re + pe / 2, oe + C / 2), K = fe;
           }
         }
-        M.textAlign = "start", M.restore(), M.save(), M.beginPath(), M.rect(d, D, G, W), M.clip(), M.translate(d, D);
+        M.textAlign = "start", M.restore(), M.save(), M.beginPath(), M.rect(d, I, G, W), M.clip(), M.translate(d, I);
         const Se = new wt({
-          visibleTimeStart: l,
+          visibleTimeStart: u,
           visibleTimeEnd: p,
           canvasWidth: G,
           canvasHeight: W,
@@ -1706,7 +1707,7 @@ const ai = 32, Hn = ce.memo(_i(function(e, i) {
         return Xe.draw(M, Se, b.groups, b.theme, b.dayStyle, b.rowStyle, b.highlights, b.timezone), Fe.draw(M, Se, b.groups, b.items, b.intervalTree, b.layoutEngine, b.itemRenderer, b.groupRenderer, b.theme, b.selected, void 0, b.dependencies, b.summaryRenderer, b.hierarchyEngine), _e.draw(M, Se, b.theme, { cursorX: null, markers: Ne.current }), M.restore(), R;
       }
     };
-    tt == null || tt(a);
+    tt == null || tt(s);
   }, [tt, Xe, Fe, _e]);
   const Xi = {
     position: "relative",
@@ -1729,31 +1730,31 @@ const ai = 32, Hn = ce.memo(_i(function(e, i) {
     borderBottomRightRadius: 4,
     pointerEvents: "none",
     userSelect: "none"
-  }, children: ["v", "0.10.1", " · ", "14:58:01"] }) : null, $i, Ve("div", { ref: Wt, style: { display: "flex", overflow: "hidden", maxHeight: Be ?? void 0 }, children: [re(ri, { groups: n, width: c, lineHeight: s, groupHeights: De, scrollTop: Nt, canvasHeight: ge, theme: Te, groupRenderer: B, onScroll: (a) => {
-    L.current.update({ scrollTop: a }), O.markDirty("grid"), O.markDirty("items"), O.markDirty("overlay"), rt(a);
-  } }), Ve("div", { ref: xe, style: Xi, onPointerMove: Ii, onPointerDown: Di, onPointerUp: Oi, onDoubleClick: Ri, onContextMenu: Pi, onPointerLeave: Yi, children: [re("canvas", { ref: $t, style: { ...Mt, zIndex: 0 } }), re("canvas", { ref: Xt, style: { ...Mt, zIndex: 1 } }), re("canvas", { ref: Ft, style: { ...Mt, zIndex: 2 } })] }), ft && Pt ? re(ri, { groups: n, width: ft, lineHeight: s, groupHeights: De, scrollTop: Nt, canvasHeight: ge, theme: Te, groupRenderer: Pt, onScroll: (a) => {
-    L.current.update({ scrollTop: a }), O.markDirty("grid"), O.markDirty("items"), O.markDirty("overlay"), rt(a);
+  }, children: ["v", "0.10.3", " · ", "13:05:43"] }) : null, $i, Ve("div", { ref: Wt, style: { display: "flex", overflow: "hidden", maxHeight: Be ?? void 0 }, children: [re(ri, { groups: n, width: a, lineHeight: l, groupHeights: Ie, scrollTop: Nt, canvasHeight: ge, theme: Te, groupRenderer: B, onScroll: (s) => {
+    L.current.update({ scrollTop: s }), O.markDirty("grid"), O.markDirty("items"), O.markDirty("overlay"), rt(s);
+  } }), Ve("div", { ref: ze, style: Xi, onPointerMove: Di, onPointerDown: Ii, onPointerUp: Oi, onDoubleClick: Ri, onContextMenu: Pi, onPointerLeave: Yi, children: [re("canvas", { ref: $t, style: { ...Mt, zIndex: 0 } }), re("canvas", { ref: Xt, style: { ...Mt, zIndex: 1 } }), re("canvas", { ref: Ft, style: { ...Mt, zIndex: 2 } })] }), ft && Pt ? re(ri, { groups: n, width: ft, lineHeight: l, groupHeights: Ie, scrollTop: Nt, canvasHeight: ge, theme: Te, groupRenderer: Pt, onScroll: (s) => {
+    L.current.update({ scrollTop: s }), O.markDirty("grid"), O.markDirty("items"), O.markDirty("overlay"), rt(s);
   } }) : null] })] });
 }));
-function fn({ children: t, theme: e, className: i, classNames: n, style: r, visibleTimeStart: u, visibleTimeEnd: o, canvasWidth: c, sidebarWidth: s = 0, onZoomToInterval: h, timezone: S }) {
-  const m = ce.Children.map(t, (f) => {
+function fn({ children: i, theme: e, className: t, classNames: n, style: r, visibleTimeStart: c, visibleTimeEnd: o, canvasWidth: a, sidebarWidth: l = 0, onZoomToInterval: h, timezone: S }) {
+  const m = ce.Children.map(i, (f) => {
     var y;
     if (!ce.isValidElement(f))
       return f;
     if (((y = f.type) == null ? void 0 : y.displayName) === "DateHeader") {
       const g = f.props, H = ce.cloneElement(f, {
-        visibleTimeStart: g.visibleTimeStart ?? u,
+        visibleTimeStart: g.visibleTimeStart ?? c,
         visibleTimeEnd: g.visibleTimeEnd ?? o,
-        canvasWidth: g.canvasWidth ?? c,
+        canvasWidth: g.canvasWidth ?? a,
         theme: g.theme ?? e,
         onZoomToInterval: g.onIntervalClick ?? g.onZoomToInterval ?? h,
         timezone: g.timezone ?? S
       });
-      return Ve("div", { style: { display: "flex" }, children: [re("div", { style: { width: s, flexShrink: 0 } }), re("div", { style: { flex: 1, overflow: "hidden" }, children: H })] });
+      return Ve("div", { style: { display: "flex" }, children: [re("div", { style: { width: l, flexShrink: 0 } }), re("div", { style: { flex: 1, overflow: "hidden" }, children: H })] });
     }
     return f;
   });
-  return re("div", { className: i, style: {
+  return re("div", { className: t, style: {
     position: "sticky",
     top: 0,
     zIndex: 20,
@@ -1767,28 +1768,28 @@ function fn({ children: t, theme: e, className: i, classNames: n, style: r, visi
 }
 fn.displayName = "TimelineHeaders";
 var gi = { exports: {} };
-(function(t, e) {
-  (function(i, n) {
-    t.exports = n();
+(function(i, e) {
+  (function(t, n) {
+    i.exports = n();
   })(Qe, function() {
-    var i = "month", n = "quarter";
-    return function(r, u) {
-      var o = u.prototype;
+    var t = "month", n = "quarter";
+    return function(r, c) {
+      var o = c.prototype;
       o.quarter = function(h) {
         return this.$utils().u(h) ? Math.ceil((this.month() + 1) / 3) : this.month(this.month() % 3 + 3 * (h - 1));
       };
-      var c = o.add;
+      var a = o.add;
       o.add = function(h, S) {
-        return h = Number(h), this.$utils().p(S) === n ? this.add(3 * h, i) : c.bind(this)(h, S);
+        return h = Number(h), this.$utils().p(S) === n ? this.add(3 * h, t) : a.bind(this)(h, S);
       };
-      var s = o.startOf;
+      var l = o.startOf;
       o.startOf = function(h, S) {
         var m = this.$utils(), f = !!m.u(S) || S;
         if (m.p(h) === n) {
           var T = this.quarter() - 1;
-          return f ? this.month(3 * T).startOf(i).startOf("day") : this.month(3 * T + 2).endOf(i).endOf("day");
+          return f ? this.month(3 * T).startOf(t).startOf("day") : this.month(3 * T + 2).endOf(t).endOf("day");
         }
-        return s.bind(this)(h, S);
+        return l.bind(this)(h, S);
       };
     };
   });
@@ -1796,24 +1797,24 @@ var gi = { exports: {} };
 var hn = gi.exports;
 const mn = /* @__PURE__ */ Je(hn);
 var pi = { exports: {} };
-(function(t, e) {
-  (function(i, n) {
-    t.exports = n();
+(function(i, e) {
+  (function(t, n) {
+    i.exports = n();
   })(Qe, function() {
-    var i = "week", n = "year";
-    return function(r, u, o) {
-      var c = u.prototype;
-      c.week = function(s) {
-        if (s === void 0 && (s = null), s !== null) return this.add(7 * (s - this.week()), "day");
+    var t = "week", n = "year";
+    return function(r, c, o) {
+      var a = c.prototype;
+      a.week = function(l) {
+        if (l === void 0 && (l = null), l !== null) return this.add(7 * (l - this.week()), "day");
         var h = this.$locale().yearStart || 1;
         if (this.month() === 11 && this.date() > 25) {
-          var S = o(this).startOf(n).add(1, n).date(h), m = o(this).endOf(i);
+          var S = o(this).startOf(n).add(1, n).date(h), m = o(this).endOf(t);
           if (S.isBefore(m)) return 1;
         }
-        var f = o(this).startOf(n).date(h).startOf(i).subtract(1, "millisecond"), T = this.diff(f, i, !0);
+        var f = o(this).startOf(n).date(h).startOf(t).subtract(1, "millisecond"), T = this.diff(f, t, !0);
         return T < 0 ? o(this).startOf("week").week() : Math.ceil(T);
-      }, c.weeks = function(s) {
-        return s === void 0 && (s = null), this.week(s);
+      }, a.weeks = function(l) {
+        return l === void 0 && (l = null), this.week(l);
       };
     };
   });
@@ -1830,28 +1831,28 @@ const vn = {
   day: 15,
   hour: 30
 };
-function bn({ unit: t, visibleTimeStart: e = 0, visibleTimeEnd: i = 0, canvasWidth: n = 0, theme: r, height: u = 28, className: o, labelFormat: c, onIntervalClick: s, minCellWidth: h, onZoomToInterval: S, timezone: m }) {
+function bn({ unit: i, visibleTimeStart: e = 0, visibleTimeEnd: t = 0, canvasWidth: n = 0, theme: r, height: c = 28, className: o, labelFormat: a, onIntervalClick: l, minCellWidth: h, onZoomToInterval: S, timezone: m }) {
   const f = Q(() => {
-    if (!e || !i || !n)
+    if (!e || !t || !n)
       return [];
-    const y = i - e, g = t, H = h ?? vn[t];
+    const y = t - e, g = i, H = h ?? vn[i];
     if (H > 0) {
-      const E = he(e, m).startOf(t);
+      const E = he(e, m).startOf(i);
       if ((E.add(1, g).valueOf() - E.valueOf()) / y * n < H)
         return [];
     }
     const Y = [];
-    let $ = he(e, m).startOf(t).subtract(1, g);
-    const w = he(i, m).add(2, g).valueOf();
+    let $ = he(e, m).startOf(i).subtract(1, g);
+    const w = he(t, m).add(2, g).valueOf();
     for (; $.valueOf() < w; ) {
-      const E = $.add(1, g), k = $.valueOf(), X = E.valueOf(), B = (k - e) / y * n, I = (X - k) / y * n, x = yn($, E, t, c);
-      Y.push({ start: k, end: X, label: x, left: B, width: I }), $ = E;
+      const E = $.add(1, g), k = $.valueOf(), X = E.valueOf(), B = (k - e) / y * n, D = (X - k) / y * n, z = yn($, E, i, a);
+      Y.push({ start: k, end: X, label: z, left: B, width: D }), $ = E;
     }
     return Y;
-  }, [e, i, n, t, c, h, m]), T = te((y, g) => {
-    s ? s(y, g) : S && S(y, g);
-  }, [s, S]);
-  return f.length === 0 ? null : re("div", { style: { display: "flex", position: "relative", height: u, overflow: "hidden" }, children: f.map((y) => re("div", { className: o, onClick: () => T(y.start, y.end), style: {
+  }, [e, t, n, i, a, h, m]), T = te((y, g) => {
+    l ? l(y, g) : S && S(y, g);
+  }, [l, S]);
+  return f.length === 0 ? null : re("div", { style: { display: "flex", position: "relative", height: c, overflow: "hidden" }, children: f.map((y) => re("div", { className: o, onClick: () => T(y.start, y.end), style: {
     position: "absolute",
     left: y.left,
     width: y.width,
@@ -1873,32 +1874,32 @@ function bn({ unit: t, visibleTimeStart: e = 0, visibleTimeEnd: i = 0, canvasWid
   }, children: re("span", { children: y.label }) }, y.start)) });
 }
 bn.displayName = "DateHeader";
-function yn(t, e, i, n, r) {
-  return typeof n == "function" ? n(t.toDate(), e.toDate(), i) : typeof n == "string" ? t.format(n) : Tn(t, i);
+function yn(i, e, t, n, r) {
+  return typeof n == "function" ? n(i.toDate(), e.toDate(), t) : typeof n == "string" ? i.format(n) : Tn(i, t);
 }
-function Tn(t, e) {
+function Tn(i, e) {
   switch (e) {
     case "year":
-      return t.format("YYYY");
+      return i.format("YYYY");
     case "quarter":
-      return `Q${t.quarter()} ${t.format("YYYY")}`;
+      return `Q${i.quarter()} ${i.format("YYYY")}`;
     case "month":
-      return t.format("MM");
+      return i.format("MM");
     case "week":
-      return `${t.week()}`;
+      return `${i.week()}`;
     case "day":
-      return t.format("D");
+      return i.format("D");
     case "hour":
-      return t.format("HH:mm");
+      return i.format("HH:mm");
   }
 }
-function Sn({ width: t, children: e, style: i }) {
-  const n = () => ({ style: { width: t, ...i } });
-  return e ? re(li, { children: e({ getRootProps: n }) }) : re("div", { style: { width: t } });
+function Sn({ width: i, children: e, style: t }) {
+  const n = () => ({ style: { width: i, ...t } });
+  return e ? re(li, { children: e({ getRootProps: n }) }) : re("div", { style: { width: i } });
 }
 Sn.displayName = "SidebarHeader";
-function Mn({ children: t }) {
-  return re(li, { children: t });
+function Mn({ children: i }) {
+  return re(li, { children: i });
 }
 Mn.displayName = "CustomHeader";
 export {