@taskctrl/canvas-timeline 0.7.0 → 0.8.0

package/dist/canvas-timeline.es.js

@@ -1,6 +1,6 @@
-import { jsx as le, jsxs as Ve, Fragment as ei } from "react/jsx-runtime";
-import me, { useRef as U, useMemo as ee, useCallback as oe, useEffect as ce, forwardRef as Ei, useState as Ze, useImperativeHandle as Hi } from "react";
-import { flushSync as Di } from "react-dom";
+import { jsx as le, jsxs as Ve, Fragment as ti } from "react/jsx-runtime";
+import me, { useRef as U, useMemo as ee, useCallback as oe, useEffect as ce, forwardRef as Hi, useState as Ze, useImperativeHandle as Di } from "react";
+import { flushSync as Ii } from "react-dom";
 import We from "dayjs";
 const He = {
   primary: "#269bf7",
@@ -143,7 +143,7 @@ class yt {
     return this.groupYOffsets[this.groupCount] ?? 0;
   }
 }
-class Ii {
+class Ri {
   constructor() {
     Object.defineProperty(this, "root", {
       enumerable: !0,
@@ -188,7 +188,7 @@ class Ii {
     }
   }
 }
-class Ri {
+class Oi {
   constructor(e, t) {
     Object.defineProperty(this, "lineHeight", {
       enumerable: !0,
@@ -254,16 +254,16 @@ class Ri {
     for (const p of e)
       t.isParent(p.id) ? c.push(p) : s.push(p);
     s.sort((p, f) => {
-      const M = p.start_time - f.start_time;
-      return M !== 0 ? M : f.end_time - f.start_time - (p.end_time - p.start_time);
+      const w = p.start_time - f.start_time;
+      return w !== 0 ? w : f.end_time - f.start_time - (p.end_time - p.start_time);
     });
     const a = [];
     let b = 0;
     for (const p of s) {
       let f = -1;
-      for (let M = 0; M < a.length; M++)
-        if (a[M] <= p.start_time) {
-          f = M;
+      for (let w = 0; w < a.length; w++)
+        if (a[w] <= p.start_time) {
+          f = w;
           break;
         }
       f === -1 ? (f = a.length, a.push(p.end_time)) : a[f] = p.end_time, f > b && (b = f), this.layoutCache.set(p.id, { stackLevel: f, itemHeight: n });
@@ -281,7 +281,7 @@ class Ri {
     return ((this.groupMaxStack.get(e) ?? 0) + 1) * this.lineHeight;
   }
 }
-class Oi {
+class Pi {
   constructor() {
     Object.defineProperty(this, "parentToChildren", {
       enumerable: !0,
@@ -405,17 +405,17 @@ class Oi {
     }
   }
 }
-function Pi(i, e, t, n, o, d) {
+function Xi(i, e, t, n, o, d) {
   const { x: s, y: c, width: a, height: b } = t, H = d.primary;
   i.globalAlpha = 0.15, i.fillStyle = H, i.fillRect(s, c, a, b), i.globalAlpha = 1, i.strokeStyle = H, i.lineWidth = 1.5, i.strokeRect(s, c, a, b);
   const p = Math.min(b * 0.5, 6), f = c + b / 2;
   i.fillStyle = H, i.beginPath(), i.moveTo(s, f), i.lineTo(s + p, f - p), i.lineTo(s + p * 2, f), i.lineTo(s + p, f + p), i.closePath(), i.fill(), i.beginPath(), i.moveTo(s + a, f), i.lineTo(s + a - p, f - p), i.lineTo(s + a - p * 2, f), i.lineTo(s + a - p, f + p), i.closePath(), i.fill();
-  const M = e.title;
-  if (M && a > 30) {
+  const w = e.title;
+  if (w && a > 30) {
     i.fillStyle = d.item.text, i.font = '500 11px -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif', i.textBaseline = "middle";
-    const T = i.measureText(M).width, h = a - p * 4 - 4;
+    const T = i.measureText(w).width, h = a - p * 4 - 4;
     if (h > 20) {
-      const E = T > h ? M.slice(0, Math.floor(M.length * h / T)) + "..." : M;
+      const E = T > h ? w.slice(0, Math.floor(w.length * h / T)) + "..." : w;
       i.fillText(E, s + a / 2 - Math.min(T, h) / 2, f);
     }
   }
@@ -431,13 +431,13 @@ function Ue(i, e, t, n, o, d) {
     const f = c.get(p.group);
     if (f === void 0)
       continue;
-    const M = o.getLayout(p.id);
-    if (!M)
+    const w = o.getLayout(p.id);
+    if (!w)
       continue;
     const T = t.timeToX(p.start_time), h = t.timeToX(p.end_time) - T;
     if (i < T || i > T + h)
       continue;
-    const P = t.groupIndexToY(f) + M.stackLevel * t.lineHeight + (t.lineHeight - M.itemHeight) / 2, W = M.itemHeight;
+    const P = t.groupIndexToY(f) + w.stackLevel * t.lineHeight + (t.lineHeight - w.itemHeight) / 2, W = w.itemHeight;
     e < P || e > P + W || P > H && (H = P, b = p);
   }
   return b;
@@ -453,6 +453,9 @@ function Gt(i, e, t, n = 6) {
 function Nt(i, e) {
   return i.canResize ?? e;
 }
+function Zt(i, e) {
+  return i.canMove ?? e;
+}
 function St(i, e, t) {
   const n = window.devicePixelRatio || 1, o = Math.round(e * n), d = Math.round(t * n);
   (i.width !== o || i.height !== d) && (i.width = o, i.height = d, i.style.width = `${e}px`, i.style.height = `${t}px`);
@@ -463,7 +466,7 @@ function Mt(i, e) {
   const t = window.devicePixelRatio || 1;
   i.clearRect(0, 0, e.width / t, e.height / t);
 }
-class Xi {
+class $i {
   constructor(e) {
     Object.defineProperty(this, "dirty", {
       enumerable: !0,
@@ -503,7 +506,7 @@ var lt = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : t
 function at(i) {
   return i && i.__esModule && Object.prototype.hasOwnProperty.call(i, "default") ? i.default : i;
 }
-var ti = { exports: {} };
+var ii = { exports: {} };
 (function(i, e) {
   (function(t, n) {
     i.exports = n();
@@ -535,9 +538,9 @@ var ti = { exports: {} };
       a.utcOffset = function(h, E) {
         var P = this.$utils().u;
         if (P(h)) return this.$u ? 0 : P(this.$offset) ? p.call(this) : this.$offset;
-        if (typeof h == "string" && (h = function(w) {
-          w === void 0 && (w = "");
-          var $ = w.match(n);
+        if (typeof h == "string" && (h = function(k) {
+          k === void 0 && (k = "");
+          var $ = k.match(n);
           if (!$) return null;
           var B = ("" + $[0]).match(o) || ["-", 0, 0], I = B[0], A = 60 * +B[1] + +B[2];
           return A === 0 ? 0 : I === "+" ? A : -A;
@@ -563,9 +566,9 @@ var ti = { exports: {} };
       }, a.toString = function() {
         return this.toDate().toUTCString();
       };
-      var M = a.toDate;
+      var w = a.toDate;
       a.toDate = function(h) {
-        return h === "s" && this.$offset ? c(this.format("YYYY-MM-DD HH:mm:ss:SSS")).toDate() : M.call(this);
+        return h === "s" && this.$offset ? c(this.format("YYYY-MM-DD HH:mm:ss:SSS")).toDate() : w.call(this);
       };
       var T = a.diff;
       a.diff = function(h, E, P) {
@@ -575,62 +578,62 @@ var ti = { exports: {} };
       };
     };
   });
-})(ti);
-var $i = ti.exports;
-const Fi = /* @__PURE__ */ at($i);
-var ii = { exports: {} };
+})(ii);
+var Fi = ii.exports;
+const Yi = /* @__PURE__ */ at(Fi);
+var ni = { exports: {} };
 (function(i, e) {
   (function(t, n) {
     i.exports = n();
   })(lt, function() {
     var t = { year: 0, month: 1, day: 2, hour: 3, minute: 4, second: 5 }, n = {};
     return function(o, d, s) {
-      var c, a = function(f, M, T) {
+      var c, a = function(f, w, T) {
         T === void 0 && (T = {});
         var h = new Date(f), E = function(P, W) {
           W === void 0 && (W = {});
-          var y = W.timeZoneName || "short", D = P + "|" + y, w = n[D];
-          return w || (w = new Intl.DateTimeFormat("en-US", { hour12: !1, timeZone: P, year: "numeric", month: "2-digit", day: "2-digit", hour: "2-digit", minute: "2-digit", second: "2-digit", timeZoneName: y }), n[D] = w), w;
-        }(M, T);
+          var y = W.timeZoneName || "short", D = P + "|" + y, k = n[D];
+          return k || (k = new Intl.DateTimeFormat("en-US", { hour12: !1, timeZone: P, year: "numeric", month: "2-digit", day: "2-digit", hour: "2-digit", minute: "2-digit", second: "2-digit", timeZoneName: y }), n[D] = k), k;
+        }(w, T);
         return E.formatToParts(h);
-      }, b = function(f, M) {
-        for (var T = a(f, M), h = [], E = 0; E < T.length; E += 1) {
+      }, b = function(f, w) {
+        for (var T = a(f, w), h = [], E = 0; E < T.length; E += 1) {
           var P = T[E], W = P.type, y = P.value, D = t[W];
           D >= 0 && (h[D] = parseInt(y, 10));
         }
-        var w = h[3], $ = w === 24 ? 0 : w, B = h[0] + "-" + h[1] + "-" + h[2] + " " + $ + ":" + h[4] + ":" + h[5] + ":000", I = +f;
+        var k = h[3], $ = k === 24 ? 0 : k, B = h[0] + "-" + h[1] + "-" + h[2] + " " + $ + ":" + h[4] + ":" + h[5] + ":000", I = +f;
         return (s.utc(B).valueOf() - (I -= I % 1e3)) / 6e4;
       }, H = d.prototype;
-      H.tz = function(f, M) {
+      H.tz = function(f, w) {
         f === void 0 && (f = c);
         var T, h = this.utcOffset(), E = this.toDate(), P = E.toLocaleString("en-US", { timeZone: f }), W = Math.round((E - new Date(P)) / 1e3 / 60), y = 15 * -Math.round(E.getTimezoneOffset() / 15) - W;
-        if (!Number(y)) T = this.utcOffset(0, M);
-        else if (T = s(P, { locale: this.$L }).$set("millisecond", this.$ms).utcOffset(y, !0), M) {
+        if (!Number(y)) T = this.utcOffset(0, w);
+        else if (T = s(P, { locale: this.$L }).$set("millisecond", this.$ms).utcOffset(y, !0), w) {
           var D = T.utcOffset();
           T = T.add(h - D, "minute");
         }
         return T.$x.$timezone = f, T;
       }, H.offsetName = function(f) {
-        var M = this.$x.$timezone || s.tz.guess(), T = a(this.valueOf(), M, { timeZoneName: f }).find(function(h) {
+        var w = this.$x.$timezone || s.tz.guess(), T = a(this.valueOf(), w, { timeZoneName: f }).find(function(h) {
           return h.type.toLowerCase() === "timezonename";
         });
         return T && T.value;
       };
       var p = H.startOf;
-      H.startOf = function(f, M) {
-        if (!this.$x || !this.$x.$timezone) return p.call(this, f, M);
+      H.startOf = function(f, w) {
+        if (!this.$x || !this.$x.$timezone) return p.call(this, f, w);
         var T = s(this.format("YYYY-MM-DD HH:mm:ss:SSS"), { locale: this.$L });
-        return p.call(T, f, M).tz(this.$x.$timezone, !0);
-      }, s.tz = function(f, M, T) {
-        var h = T && M, E = T || M || c, P = b(+s(), E);
+        return p.call(T, f, w).tz(this.$x.$timezone, !0);
+      }, s.tz = function(f, w, T) {
+        var h = T && w, E = T || w || c, P = b(+s(), E);
         if (typeof f != "string") return s(f).tz(E);
         var W = function($, B, I) {
           var A = $ - 60 * B * 1e3, F = b(A, I);
           if (B === F) return [A, B];
           var se = b(A -= 60 * (F - B) * 1e3, I);
           return F === se ? [A, F] : [$ - 60 * Math.min(F, se) * 1e3, Math.max(F, se)];
-        }(s.utc(f, h).valueOf(), P, E), y = W[0], D = W[1], w = s(y).utcOffset(D);
-        return w.$x.$timezone = E, w;
+        }(s.utc(f, h).valueOf(), P, E), y = W[0], D = W[1], k = s(y).utcOffset(D);
+        return k.$x.$timezone = E, k;
       }, s.tz.guess = function() {
         return Intl.DateTimeFormat().resolvedOptions().timeZone;
       }, s.tz.setDefault = function(f) {
@@ -638,31 +641,31 @@ var ii = { exports: {} };
       };
     };
   });
-})(ii);
-var Yi = ii.exports;
-const _i = /* @__PURE__ */ at(Yi);
-We.extend(Fi);
-We.extend(_i);
+})(ni);
+var _i = ni.exports;
+const Wi = /* @__PURE__ */ at(_i);
+We.extend(Yi);
+We.extend(Wi);
 function Te(i, e) {
   return e ? We(i).tz(e) : We(i);
 }
-class Wi {
+class Bi {
   draw(e, t, n, o, d, s, c, a) {
     const { firstVisible: b, lastVisible: H } = t.getVisibleGroupRange();
     for (let y = b; y <= H; y++) {
-      const D = t.groupIndexToY(y), w = t.groupIndexToHeight(y), $ = n[y];
+      const D = t.groupIndexToY(y), k = t.groupIndexToHeight(y), $ = n[y];
       if (!$)
         continue;
       let B;
       const I = s == null ? void 0 : s($);
-      I != null && I.backgroundColor ? B = I.backgroundColor : B = y % 2 === 0 ? "#FFFFFF" : o.grid.rowAlt, e.fillStyle = B, e.fillRect(0, D, t.canvasWidth, w), e.strokeStyle = (I == null ? void 0 : I.borderBottomColor) ?? o.grid.line, e.lineWidth = 0.5, e.beginPath(), e.moveTo(0, D + w), e.lineTo(t.canvasWidth, D + w), e.stroke();
+      I != null && I.backgroundColor ? B = I.backgroundColor : B = y % 2 === 0 ? "#FFFFFF" : o.grid.rowAlt, e.fillStyle = B, e.fillRect(0, D, t.canvasWidth, k), e.strokeStyle = (I == null ? void 0 : I.borderBottomColor) ?? o.grid.line, e.lineWidth = 0.5, e.beginPath(), e.moveTo(0, D + k), e.lineTo(t.canvasWidth, D + k), e.stroke();
     }
     if (c && c.length > 0)
       for (const y of c) {
-        const D = t.timeToX(y.start), w = t.timeToX(y.end);
-        if (w < 0 || D > t.canvasWidth)
+        const D = t.timeToX(y.start), k = t.timeToX(y.end);
+        if (k < 0 || D > t.canvasWidth)
           continue;
-        const $ = Math.max(0, D), B = Math.min(t.canvasWidth, w) - $, I = y.opacity ?? 0.12, A = parseInt(y.color.slice(1, 3), 16), F = parseInt(y.color.slice(3, 5), 16), se = parseInt(y.color.slice(5, 7), 16);
+        const $ = Math.max(0, D), B = Math.min(t.canvasWidth, k) - $, I = y.opacity ?? 0.12, A = parseInt(y.color.slice(1, 3), 16), F = parseInt(y.color.slice(3, 5), 16), se = parseInt(y.color.slice(5, 7), 16);
         e.fillStyle = `rgb(${Math.round(A * I + 255 * (1 - I))},${Math.round(F * I + 255 * (1 - I))},${Math.round(se * I + 255 * (1 - I))})`, e.fillRect($, 0, B, t.canvasHeight);
       }
     const p = t.visibleTimeStart, f = t.visibleTimeEnd, h = 864e5 / (f - p) * t.canvasWidth;
@@ -671,9 +674,9 @@ class Wi {
     {
       let y = Te(p, a).startOf("day");
       const D = Te(f, a).endOf("day");
-      let w = null, $ = 1, B = 0;
+      let k = null, $ = 1, B = 0;
       const I = [], A = (F) => {
-        w !== null && (e.fillStyle = w, $ !== 1 && (e.globalAlpha = $), e.fillRect(B, 0, F - B, t.canvasHeight), $ !== 1 && (e.globalAlpha = 1), w = null, $ = 1);
+        k !== null && (e.fillStyle = k, $ !== 1 && (e.globalAlpha = $), e.fillRect(B, 0, F - B, t.canvasHeight), $ !== 1 && (e.globalAlpha = 1), k = null, $ = 1);
       };
       for (; y.isBefore(D); ) {
         const F = t.timeToX(y.valueOf()), se = y.toDate(), K = d == null ? void 0 : d(se);
@@ -684,9 +687,9 @@ class Wi {
           const Se = y.day();
           (Se === 0 || Se === 6) && (te = o.grid.weekend);
         }
-        K != null && K.borderColor && I.push({ x: F, color: K.borderColor }), te === w && be === $ || (A(F), te !== null && (w = te, $ = be, B = F)), y = y.add(1, "day");
+        K != null && K.borderColor && I.push({ x: F, color: K.borderColor }), te === k && be === $ || (A(F), te !== null && (k = te, $ = be, B = F)), y = y.add(1, "day");
       }
-      w !== null && A(t.timeToX(y.valueOf()));
+      k !== null && A(t.timeToX(y.valueOf()));
       for (const F of I)
         e.strokeStyle = F.color, e.lineWidth = 0.5, e.beginPath(), e.moveTo(F.x, 0), e.lineTo(F.x, t.canvasHeight), e.stroke();
     }
@@ -698,9 +701,9 @@ class Wi {
     }
     if (e.stroke(), c && c.length > 0)
       for (const y of c) {
-        const D = t.timeToX(y.start), w = t.timeToX(y.end);
-        if (!(w < 0 || D > t.canvasWidth) && (e.strokeStyle = y.color, e.globalAlpha = 0.4, e.lineWidth = 1, e.beginPath(), D >= 0 && D <= t.canvasWidth && (e.moveTo(D, 0), e.lineTo(D, t.canvasHeight)), w >= 0 && w <= t.canvasWidth && (e.moveTo(w, 0), e.lineTo(w, t.canvasHeight)), e.stroke(), e.globalAlpha = 1, y.label)) {
-          const $ = Math.max(0, D), B = Math.min(t.canvasWidth, w) - $;
+        const D = t.timeToX(y.start), k = t.timeToX(y.end);
+        if (!(k < 0 || D > t.canvasWidth) && (e.strokeStyle = y.color, e.globalAlpha = 0.4, e.lineWidth = 1, e.beginPath(), D >= 0 && D <= t.canvasWidth && (e.moveTo(D, 0), e.lineTo(D, t.canvasHeight)), k >= 0 && k <= t.canvasWidth && (e.moveTo(k, 0), e.lineTo(k, t.canvasHeight)), e.stroke(), e.globalAlpha = 1, y.label)) {
+          const $ = Math.max(0, D), B = Math.min(t.canvasWidth, k) - $;
           e.save(), e.font = '600 10px -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif';
           const I = e.measureText(y.label).width, A = 6, F = I + A * 2, se = 18, K = $ + (B - F) / 2, te = 4;
           e.fillStyle = y.color, e.globalAlpha = 0.9, e.beginPath(), e.roundRect(K, te, F, se, 3), e.fill(), e.globalAlpha = 1, e.fillStyle = "#FFFFFF", e.textBaseline = "middle", e.fillText(y.label, K + A, te + se / 2), e.restore();
@@ -708,8 +711,8 @@ class Wi {
       }
   }
 }
-const Zt = '500 12px -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif';
-function ni(i, e) {
+const Ut = '500 12px -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif';
+function ri(i, e) {
   return {
     /**
      * Draws a filled rounded rectangle.
@@ -724,7 +727,7 @@ function ni(i, e) {
      * and appends '...' so it fits within maxWidth.
      */
     fillText(t, n, o, d) {
-      if (i.font = Zt, d !== void 0 && i.measureText(t).width > d) {
+      if (i.font = Ut, d !== void 0 && i.measureText(t).width > d) {
         let s = 0, c = t.length;
         for (; s < c; ) {
           const a = Math.ceil((s + c) / 2), b = t.slice(0, a) + "...";
@@ -773,18 +776,18 @@ function ni(i, e) {
      * Draws a pill-shaped badge with centered white text on a colored background.
      */
     badge(t, n, o, d) {
-      i.save(), i.font = Zt;
+      i.save(), i.font = Ut;
       const c = i.measureText(t).width, a = 8, H = 12 + 3 * 2, p = c + a * 2, f = H / 2;
       i.fillStyle = d, i.beginPath(), i.roundRect(n, o, p, H, f), i.fill(), i.fillStyle = "#ffffff", i.textAlign = "center", i.textBaseline = "middle", i.fillText(t, n + p / 2, o + H / 2), i.restore();
     }
   };
 }
-class Bi {
-  draw(e, t, n, o, d, s, c, a, b, H, p, f, M, T) {
+class Li {
+  draw(e, t, n, o, d, s, c, a, b, H, p, f, w, T) {
     const h = (t.visibleTimeEnd - t.visibleTimeStart) * 0.1, E = t.visibleTimeStart - h, P = t.visibleTimeEnd + h, W = d.query(E, P), y = /* @__PURE__ */ new Map();
     for (let I = 0; I < n.length; I++)
       y.set(n[I].id, I);
-    const D = new Set(H), w = /* @__PURE__ */ new Map(), $ = -t.lineHeight, B = t.canvasHeight + t.lineHeight;
+    const D = new Set(H), k = /* @__PURE__ */ new Map(), $ = -t.lineHeight, B = t.canvasHeight + t.lineHeight;
     for (const I of W) {
       const A = y.get(I.group);
       if (A === void 0)
@@ -796,7 +799,7 @@ class Bi {
       if (K + te < $ || K > B)
         continue;
       const be = t.timeToX(I.start_time), Se = t.timeToX(I.end_time) - be, Me = { x: be, y: K, width: Se, height: te };
-      w.set(I.id, Me);
+      k.set(I.id, Me);
       const Xe = {
         selected: D.has(I.id),
         hovered: p === I.id,
@@ -804,14 +807,14 @@ class Bi {
         filtered: I.filtered !== !1
       };
       e.save();
-      const qe = ni(e, Me);
+      const qe = ri(e, Me);
       let De;
-      M && (T != null && T.isParent(I.id)) ? De = M : a && (I.type === "control_area_group" || I.type === "construction_train") ? De = a : De = c, De(e, I, Me, Xe, qe), e.restore();
+      w && (T != null && T.isParent(I.id)) ? De = w : a && (I.type === "control_area_group" || I.type === "construction_train") ? De = a : De = c, De(e, I, Me, Xe, qe), e.restore();
     }
     if (f && f.length > 0) {
       const I = /* @__PURE__ */ new Set();
       for (const A of f)
-        w.has(A.fromItemId) || I.add(A.fromItemId), w.has(A.toItemId) || I.add(A.toItemId);
+        k.has(A.fromItemId) || I.add(A.fromItemId), k.has(A.toItemId) || I.add(A.toItemId);
       if (I.size > 0) {
         const A = /* @__PURE__ */ new Map();
         for (const F of o)
@@ -824,10 +827,10 @@ class Bi {
           if (!te)
             continue;
           const Se = t.groupIndexToY(K) + te.stackLevel * t.lineHeight + (t.lineHeight - te.itemHeight) / 2, Me = t.timeToX(se.start_time), Xe = t.timeToX(se.end_time) - Me;
-          w.set(F, { x: Me, y: Se, width: Xe, height: te.itemHeight });
+          k.set(F, { x: Me, y: Se, width: Xe, height: te.itemHeight });
         }
       }
-      this.drawDependencies(e, f, w, p, b);
+      this.drawDependencies(e, f, k, p, b);
     }
   }
   drawDependencies(e, t, n, o, d) {
@@ -837,14 +840,14 @@ class Bi {
         continue;
       const b = o === s.fromItemId || o === s.toItemId;
       e.strokeStyle = b ? d.primary : s.color ?? "#94A3B8", e.lineWidth = b ? 2 : 1.5, e.setLineDash([]);
-      const H = c.x + c.width, p = c.y + c.height / 2, f = a.x, M = a.y + a.height / 2, T = Math.abs(f - H), h = Math.max(T * 0.4, 30);
-      e.beginPath(), e.moveTo(H, p), e.bezierCurveTo(H + h, p, f - h, M, f, M), e.stroke();
+      const H = c.x + c.width, p = c.y + c.height / 2, f = a.x, w = a.y + a.height / 2, T = Math.abs(f - H), h = Math.max(T * 0.4, 30);
+      e.beginPath(), e.moveTo(H, p), e.bezierCurveTo(H + h, p, f - h, w, f, w), e.stroke();
       const E = 6;
-      e.fillStyle = e.strokeStyle, e.beginPath(), e.moveTo(f, M), e.lineTo(f - E, M - E / 2), e.lineTo(f - E, M + E / 2), e.closePath(), e.fill();
+      e.fillStyle = e.strokeStyle, e.beginPath(), e.moveTo(f, w), e.lineTo(f - E, w - E / 2), e.lineTo(f - E, w + E / 2), e.closePath(), e.fill();
     }
   }
 }
-class Li {
+class zi {
   draw(e, t, n, o) {
     const { cursorX: d, snapX: s, markers: c, interaction: a } = o;
     if (c)
@@ -852,25 +855,25 @@ class Li {
         const H = t.timeToX(b.date);
         if (e.fillStyle = b.color, e.fillRect(H - b.width / 2, 0, b.width, t.canvasHeight), b.label) {
           e.save(), e.font = '500 10px -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif';
-          const p = e.measureText(b.label).width, f = 8, M = 200, T = Math.min(p + f * 2, M), h = 20, E = H - T / 2, P = 4;
+          const p = e.measureText(b.label).width, f = 8, w = 200, T = Math.min(p + f * 2, w), h = 20, E = H - T / 2, P = 4;
           e.fillStyle = b.color, e.beginPath(), e.roundRect(E, P, T, h, 3), e.fill(), e.fillStyle = "#FFFFFF", e.textBaseline = "middle";
-          const W = M - f * 2, y = p > W ? b.label.slice(0, Math.floor(b.label.length * W / p)) + "…" : b.label;
+          const W = w - f * 2, y = p > W ? b.label.slice(0, Math.floor(b.label.length * W / p)) + "…" : b.label;
           e.fillText(y, E + f, P + h / 2), e.restore();
         }
       }
     if (d != null && (e.strokeStyle = n.marker.cursor, e.lineWidth = 1, e.beginPath(), e.moveTo(d, 0), e.lineTo(d, t.canvasHeight), e.stroke()), s != null && (e.strokeStyle = n.primary, e.lineWidth = 1, e.setLineDash([4, 4]), e.beginPath(), e.moveTo(s, 0), e.lineTo(s, t.canvasHeight), e.stroke(), e.setLineDash([])), a) {
       a.groupChanged && a.targetGroupY !== void 0 && (e.fillStyle = "rgba(59, 130, 246, 0.08)", e.fillRect(0, a.targetGroupY, t.canvasWidth, t.lineHeight)), e.save(), e.globalAlpha = 0.5;
-      const b = ni(e, a.bounds);
+      const b = ri(e, a.bounds);
       a.renderer(e, a.item, a.bounds, { selected: !1, hovered: !1, dragging: !0, filtered: !0 }, b), e.restore();
     }
   }
 }
-const Ut = 120;
-function zi(i) {
+const Vt = 120;
+function xi(i) {
   let e = i.deltaY || i.deltaX;
-  return i.deltaMode === 1 ? e *= 15 : i.deltaMode === 2 && (e *= 800), Math.max(-Ut, Math.min(Ut, e));
+  return i.deltaMode === 1 ? e *= 15 : i.deltaMode === 2 && (e *= 800), Math.max(-Vt, Math.min(Vt, e));
 }
-class xi {
+class Ai {
   constructor(e, t, n, o, d) {
     Object.defineProperty(this, "onZoom", {
       enumerable: !0,
@@ -903,15 +906,15 @@ class xi {
     this.visibleTimeStart = e, this.visibleTimeEnd = t;
   }
   handleWheelZoom(e, t) {
-    const n = zi(e), o = e.ctrlKey ? 10 : e.metaKey ? 3 : 1, d = n > 0 ? 1 + o * n / 500 : 1 / (1 + o * -n / 500), s = this.visibleTimeEnd - this.visibleTimeStart;
+    const n = xi(e), o = e.ctrlKey ? 10 : e.metaKey ? 3 : 1, d = n > 0 ? 1 + o * n / 500 : 1 / (1 + o * -n / 500), s = this.visibleTimeEnd - this.visibleTimeStart;
     let c = Math.round(s * d);
     c = Math.max(this.minZoom, Math.min(this.maxZoom, c));
     const a = Math.round(this.visibleTimeStart + (s - c) * t), b = a + c;
     this.onZoom(a, b);
   }
 }
-const Ai = 4;
-class ji {
+const ji = 4;
+class Gi {
   constructor(e) {
     Object.defineProperty(this, "state", {
       enumerable: !0,
@@ -944,7 +947,7 @@ class ji {
     }, this.activated = !1;
   }
   update(e, t) {
-    this.state && (this.state.currentX = e, this.state.currentY = t, this.state.deltaX = e - this.state.startX, !this.activated && Math.abs(this.state.deltaX) >= Ai && (this.activated = !0));
+    this.state && (this.state.currentX = e, this.state.currentY = t, this.state.deltaX = e - this.state.startX, !this.activated && Math.abs(this.state.deltaX) >= ji && (this.activated = !0));
   }
   setCurrentGroup(e) {
     this.state && (this.state.currentGroup = e);
@@ -994,7 +997,7 @@ function st(i, e, t, n, o) {
   }
   return s <= t ? d : null;
 }
-var ri = { exports: {} };
+var oi = { exports: {} };
 (function(i, e) {
   (function(t, n) {
     i.exports = n();
@@ -1008,7 +1011,7 @@ var ri = { exports: {} };
         return s(this).year();
       }, c.isoWeek = function(b) {
         if (!this.$utils().u(b)) return this.add(7 * (b - this.isoWeek()), t);
-        var H, p, f, M, T = s(this), h = (H = this.isoWeekYear(), p = this.$u, f = (p ? d.utc : d)().year(H).startOf("year"), M = 4 - f.isoWeekday(), f.isoWeekday() > 4 && (M += 7), f.add(M, t));
+        var H, p, f, w, T = s(this), h = (H = this.isoWeekYear(), p = this.$u, f = (p ? d.utc : d)().year(H).startOf("year"), w = 4 - f.isoWeekday(), f.isoWeekday() > 4 && (w += 7), f.add(w, t));
         return T.diff(h, "week") + 1;
       }, c.isoWeekday = function(b) {
         return this.$utils().u(b) ? this.day() || 7 : this.day(this.day() % 7 ? b : b - 7);
@@ -1020,29 +1023,29 @@ var ri = { exports: {} };
       };
     };
   });
-})(ri);
-var Gi = ri.exports;
-const Ni = /* @__PURE__ */ at(Gi), Vt = 200;
-function qt({ groups: i, width: e, lineHeight: t, groupHeights: n, scrollTop: o, canvasHeight: d, theme: s, groupRenderer: c, onScroll: a }) {
+})(oi);
+var Ni = oi.exports;
+const Zi = /* @__PURE__ */ at(Ni), qt = 200;
+function Kt({ groups: i, width: e, lineHeight: t, groupHeights: n, scrollTop: o, canvasHeight: d, theme: s, groupRenderer: c, onScroll: a }) {
   var y;
   const b = U(null), H = U(!1), p = ee(() => {
     const D = new Array(i.length + 1);
     D[0] = 0;
-    for (let w = 0; w < i.length; w++)
-      D[w + 1] = D[w] + ((n == null ? void 0 : n[w]) ?? t);
+    for (let k = 0; k < i.length; k++)
+      D[k + 1] = D[k] + ((n == null ? void 0 : n[k]) ?? t);
     return D;
-  }, [i.length, n, t]), f = p[i.length] ?? 0, M = d, T = oe((D) => {
+  }, [i.length, n, t]), f = p[i.length] ?? 0, w = d, T = oe((D) => {
     if (i.length === 0 || D <= 0)
       return 0;
     if (D >= f)
       return i.length - 1;
-    let w = 0, $ = i.length - 1;
-    for (; w < $; ) {
-      const B = w + $ >>> 1;
-      p[B + 1] > D ? $ = B : w = B + 1;
+    let k = 0, $ = i.length - 1;
+    for (; k < $; ) {
+      const B = k + $ >>> 1;
+      p[B + 1] > D ? $ = B : k = B + 1;
     }
-    return w;
-  }, [i.length, p, f]), h = T(o - Vt), E = T(o + d + Vt), P = oe((D) => {
+    return k;
+  }, [i.length, p, f]), h = T(o - qt), E = T(o + d + qt), P = oe((D) => {
     H.current || a(D.currentTarget.scrollTop);
   }, [a]);
   ce(() => {
@@ -1052,8 +1055,8 @@ function qt({ groups: i, width: e, lineHeight: t, groupHeights: n, scrollTop: o,
   }, [o]);
   const W = [];
   for (let D = h; D <= E; D++) {
-    const w = i[D];
-    if (!w)
+    const k = i[D];
+    if (!k)
       continue;
     const $ = p[D], B = p[D + 1] - $;
     W.push(le("div", { style: {
@@ -1066,11 +1069,11 @@ function qt({ groups: i, width: e, lineHeight: t, groupHeights: n, scrollTop: o,
       alignItems: "stretch",
       borderBottom: `1px solid ${((y = s.grid) == null ? void 0 : y.line) ?? "#E5E5E5"}`,
       boxSizing: "border-box"
-    }, children: c(w) }, w.id));
+    }, children: c(k) }, k.id));
   }
   return le("div", { ref: b, onScroll: P, style: {
     width: e,
-    height: M,
+    height: w,
     overflowY: f > d ? "auto" : "hidden",
     overflowX: "hidden",
     position: "relative",
@@ -1078,21 +1081,21 @@ function qt({ groups: i, width: e, lineHeight: t, groupHeights: n, scrollTop: o,
     backgroundColor: s.sidebar.bg
   }, children: le("div", { style: { height: f, position: "relative" }, children: W }) });
 }
-function Zi(i) {
+function Ui(i) {
   return null;
 }
-Zi.displayName = "TodayMarker";
-function Kt(i) {
+Ui.displayName = "TodayMarker";
+function Jt(i) {
   return { date: Math.floor(Date.now() / 6e4) * 6e4, color: i.color ?? "#FD7171", width: i.width ?? 6, label: i.label };
 }
-function Ui(i) {
+function Vi(i) {
   return i.interval ?? 1e4;
 }
-function Vi(i) {
+function qi(i) {
   return null;
 }
-Vi.displayName = "CustomMarker";
-function Jt(i) {
+qi.displayName = "CustomMarker";
+function Qt(i) {
   return {
     date: i.date,
     color: i.color ?? "#3B82F6",
@@ -1100,8 +1103,8 @@ function Jt(i) {
     label: i.label
   };
 }
-We.extend(Ni);
-function qi(i) {
+We.extend(Zi);
+function Ki(i) {
   return i ? {
     ...He,
     ...i,
@@ -1113,20 +1116,20 @@ function qi(i) {
     header: { ...He.header, ...i.header }
   } : He;
 }
-const Qt = 32, dn = me.memo(Ei(function(e, t) {
-  const { groups: n, items: o, defaultTimeStart: d, defaultTimeEnd: s, sidebarWidth: c, lineHeight: a, itemHeightRatio: b, stackItems: H, canMove: p, canChangeGroup: f, canResize: M, dragSnap: T, minZoom: h, maxZoom: E, theme: P, dayStyle: W, rowStyle: y, showCursorLine: D, itemRenderer: w, groupRenderer: $, sidebarGroupRenderer: B, dependencies: I, highlights: A, onItemClick: F, onItemDoubleClick: se, onItemContextMenu: K, onItemMove: te, onItemResize: be, moveResizeValidator: Se, onItemHover: Me, onCanvasDoubleClick: Xe, onCanvasContextMenu: qe, onTimeChange: De, onZoom: kt, selected: Ct = [], rightSidebarWidth: ut, rightSidebarGroupRenderer: Et, onReady: Ke, maxHeight: Be, timezone: Je, devBadge: si, children: ke } = e, we = ee(() => qi(P), [P]), Ht = oe((r, l) => {
+const ei = 32, fn = me.memo(Hi(function(e, t) {
+  const { groups: n, items: o, defaultTimeStart: d, defaultTimeEnd: s, sidebarWidth: c, lineHeight: a, itemHeightRatio: b, stackItems: H, canMove: p, canChangeGroup: f, canResize: w, dragSnap: T, minZoom: h, maxZoom: E, theme: P, dayStyle: W, rowStyle: y, showCursorLine: D, itemRenderer: k, groupRenderer: $, sidebarGroupRenderer: B, dependencies: I, highlights: A, onItemClick: F, onItemDoubleClick: se, onItemContextMenu: K, onItemMove: te, onItemResize: be, moveResizeValidator: Se, onItemHover: Me, onCanvasDoubleClick: Xe, onCanvasContextMenu: qe, onTimeChange: De, onZoom: kt, selected: Ct = [], rightSidebarWidth: ut, rightSidebarGroupRenderer: Et, onReady: Ke, maxHeight: Be, timezone: Je, devBadge: li, children: ke } = e, we = ee(() => Ki(P), [P]), Ht = oe((r, l) => {
     for (let m = 0; m < l.length; m++)
       if (l[m].id === r)
         return m;
     return 0;
-  }, []), li = Ct.join(","), ct = ee(() => Ct, [li]), Dt = U(null), It = U(null), Rt = U(null), Le = U(null), Ot = U(null), Pt = U(null), [ai, ui] = Ze(800), [ci, di] = Ze(null);
+  }, []), ai = Ct.join(","), ct = ee(() => Ct, [ai]), Dt = U(null), It = U(null), Rt = U(null), Le = U(null), Ot = U(null), Pt = U(null), [ui, ci] = Ze(800), [di, fi] = Ze(null);
   ce(() => {
     const r = Ot.current;
     if (!r)
       return;
     const l = new ResizeObserver((m) => {
       const g = m[0];
-      g && ui(g.contentRect.width);
+      g && ci(g.contentRect.width);
     });
     return l.observe(r), () => l.disconnect();
   }, []), ce(() => {
@@ -1135,20 +1138,20 @@ const Qt = 32, dn = me.memo(Ei(function(e, t) {
       return;
     const l = new ResizeObserver((m) => {
       const g = m[0];
-      g && di(g.contentRect.height);
+      g && fi(g.contentRect.height);
     });
     return l.observe(r), () => l.disconnect();
   }, [Be]);
-  const Ce = Math.max(0, ai - c - (ut ?? 0)), Ie = ee(() => {
-    const r = new Oi();
+  const Ce = Math.max(0, ui - c - (ut ?? 0)), Ie = ee(() => {
+    const r = new Pi();
     return r.rebuild(o), r;
   }, [o]), dt = ee(() => {
-    const r = new Ii();
+    const r = new Ri();
     return r.buildFromItems(o, (l) => Ie.getEffectiveSpan(l.id).start, (l) => Ie.getEffectiveSpan(l.id).end), r;
   }, [o, Ie]), ze = ee(() => {
-    const r = new Ri(a, b);
+    const r = new Oi(a, b);
     return r.computeLayout(o, H, Ie), r;
-  }, [o, a, b, H, Ie]), Re = ee(() => n.map((r) => ze.getGroupHeight(r.id)), [n, ze]), Qe = ee(() => Re.reduce((r, l) => r + l, 0), [Re]), Xt = typeof Be == "number" ? Be : ci, ye = Xt ? Math.min(Qe, Xt) : Qe, L = U(new yt({
+  }, [o, a, b, H, Ie]), Re = ee(() => n.map((r) => ze.getGroupHeight(r.id)), [n, ze]), Qe = ee(() => Re.reduce((r, l) => r + l, 0), [Re]), Xt = typeof Be == "number" ? Be : di, ye = Xt ? Math.min(Qe, Xt) : Qe, L = U(new yt({
     visibleTimeStart: e.visibleTimeStart ?? d,
     visibleTimeEnd: e.visibleTimeEnd ?? s,
     canvasWidth: Ce,
@@ -1159,25 +1162,25 @@ const Qt = 32, dn = me.memo(Ei(function(e, t) {
     buffer: e.buffer ?? 3,
     scrollTop: 0,
     groupHeights: Re
-  })), ft = U(null), xe = U(void 0), ve = U(null), Oe = U(!1), $t = 4, [Ft, fi] = Ze(e.visibleTimeStart ?? d), [Yt, hi] = Ze(e.visibleTimeEnd ?? s), [_t, et] = Ze(0), Ae = U(null), $e = oe(() => {
+  })), ft = U(null), xe = U(void 0), ve = U(null), Oe = U(!1), $t = 4, [Ft, hi] = Ze(e.visibleTimeStart ?? d), [Yt, mi] = Ze(e.visibleTimeEnd ?? s), [_t, et] = Ze(0), Ae = U(null), $e = oe(() => {
     const r = L.current;
-    fi(r.visibleTimeStart), hi(r.visibleTimeEnd), et(r.scrollTop), Ae.current = null;
+    hi(r.visibleTimeStart), mi(r.visibleTimeEnd), et(r.scrollTop), Ae.current = null;
   }, []), ht = oe(() => {
-    Ae.current === null && (Ae.current = setTimeout($e, Qt));
+    Ae.current === null && (Ae.current = setTimeout($e, ei));
   }, [$e]);
   ce(() => () => {
     Ae.current !== null && clearTimeout(Ae.current);
   }, []);
   const Wt = ee(() => e.summaryRenderer ? e.summaryRenderer : (r, l, m, g, u) => {
-    Pi(r, l, m, g, u, we);
-  }, [e.summaryRenderer, we]), Fe = ee(() => new Wi(), []), Ye = ee(() => new Bi(), []), _e = ee(() => new Li(), []), ie = ee(() => new ji(T), [T]), tt = ee(() => {
+    Xi(r, l, m, g, u, we);
+  }, [e.summaryRenderer, we]), Fe = ee(() => new Bi(), []), Ye = ee(() => new Li(), []), _e = ee(() => new zi(), []), ie = ee(() => new Gi(T), [T]), tt = ee(() => {
     const r = [];
     return me.Children.forEach(ke, (l) => {
       var g;
       if (!me.isValidElement(l))
         return;
       const m = (g = l.type) == null ? void 0 : g.displayName;
-      m === "TodayMarker" ? r.push(Kt(l.props)) : m === "CustomMarker" && r.push(Jt(l.props));
+      m === "TodayMarker" ? r.push(Jt(l.props)) : m === "CustomMarker" && r.push(Qt(l.props));
     }), r;
   }, [ke]), it = ee(() => tt.map((r) => `${r.date}|${r.color}|${r.width}|${r.label ?? ""}`).join(";"), [tt]), je = U(tt);
   je.current = tt;
@@ -1187,14 +1190,14 @@ const Qt = 32, dn = me.memo(Ei(function(e, t) {
       var g;
       if (!me.isValidElement(l))
         return;
-      ((g = l.type) == null ? void 0 : g.displayName) === "TodayMarker" && (r = Ui(l.props));
+      ((g = l.type) == null ? void 0 : g.displayName) === "TodayMarker" && (r = Vi(l.props));
     }), r;
   }, [ke]), x = U({
     groups: n,
     items: o,
     intervalTree: dt,
     layoutEngine: ze,
-    itemRenderer: w,
+    itemRenderer: k,
     groupRenderer: $,
     theme: we,
     selected: ct,
@@ -1218,7 +1221,7 @@ const Qt = 32, dn = me.memo(Ei(function(e, t) {
     onCanvasDoubleClick: Xe,
     onCanvasContextMenu: qe,
     canMove: p,
-    canResize: M,
+    canResize: w,
     canChangeGroup: f,
     dragSnap: T,
     sidebarWidth: c,
@@ -1232,7 +1235,7 @@ const Qt = 32, dn = me.memo(Ei(function(e, t) {
     items: o,
     intervalTree: dt,
     layoutEngine: ze,
-    itemRenderer: w,
+    itemRenderer: k,
     groupRenderer: $,
     theme: we,
     selected: ct,
@@ -1256,7 +1259,7 @@ const Qt = 32, dn = me.memo(Ei(function(e, t) {
     onCanvasDoubleClick: Xe,
     onCanvasContextMenu: qe,
     canMove: p,
-    canResize: M,
+    canResize: w,
     canChangeGroup: f,
     dragSnap: T,
     sidebarWidth: c,
@@ -1265,30 +1268,30 @@ const Qt = 32, dn = me.memo(Ei(function(e, t) {
     hierarchyEngine: Ie,
     timezone: Je
   };
-  const mi = oe(() => {
+  const gi = oe(() => {
     const r = Dt.current;
     if (!r)
       return;
     const l = x.current, m = St(r, l.canvasWidth, l.canvasHeight);
     Mt(m, r), Fe.draw(m, L.current, l.groups, l.theme, l.dayStyle, l.rowStyle, l.highlights, l.timezone);
-  }, [Fe]), gi = oe(() => {
+  }, [Fe]), pi = oe(() => {
     const r = It.current;
     if (!r)
       return;
     const l = x.current, m = St(r, l.canvasWidth, l.canvasHeight);
     Mt(m, r), Ye.draw(m, L.current, l.groups, l.items, l.intervalTree, l.layoutEngine, l.itemRenderer, l.groupRenderer, l.theme, l.selected, xe.current, l.dependencies, l.summaryRenderer, l.hierarchyEngine);
   }, [Ye]), Bt = oe((r, l, m) => {
-    const g = L.current, u = x.current, v = u.canvasWidth / (g.visibleTimeEnd - g.visibleTimeStart), k = l / v, R = [];
-    m === "move" ? (R.push(g.timeToX(r.start_time + k)), R.push(g.timeToX(r.end_time + k))) : m === "resize-left" ? R.push(g.timeToX(r.start_time + k)) : R.push(g.timeToX(r.end_time + k));
+    const g = L.current, u = x.current, v = u.canvasWidth / (g.visibleTimeEnd - g.visibleTimeStart), M = l / v, R = [];
+    m === "move" ? (R.push(g.timeToX(r.start_time + M)), R.push(g.timeToX(r.end_time + M))) : m === "resize-left" ? R.push(g.timeToX(r.start_time + M)) : R.push(g.timeToX(r.end_time + M));
     const X = (g.visibleTimeEnd - g.visibleTimeStart) * 0.1, Y = u.intervalTree.query(g.visibleTimeStart - X, g.visibleTimeEnd + X), N = wt(Y, r.id, (J) => g.timeToX(J));
     for (const J of R) {
       const q = st(J, N, 8, v, u.dragSnap);
       if (q !== null)
         return q;
     }
-    const ne = m === "resize-right" ? r.end_time + k : r.start_time + k, z = Math.round(ne / u.dragSnap) * u.dragSnap;
+    const ne = m === "resize-right" ? r.end_time + M : r.start_time + M, z = Math.round(ne / u.dragSnap) * u.dragSnap;
     return g.timeToX(z);
-  }, []), pi = oe(() => {
+  }, []), vi = oe(() => {
     const r = Rt.current;
     if (!r)
       return;
@@ -1297,9 +1300,9 @@ const Qt = 32, dn = me.memo(Ei(function(e, t) {
     const g = L.current, u = ie.getState();
     let v = null;
     if (u) {
-      const k = g.timeToX(u.item.start_time), R = g.timeToX(u.item.end_time) - k;
+      const M = g.timeToX(u.item.start_time), R = g.timeToX(u.item.end_time) - M;
       let X, Y;
-      u.mode === "resize-left" ? (X = k + u.deltaX, Y = R - u.deltaX) : u.mode === "resize-right" ? (X = k, Y = R + u.deltaX) : (X = k + u.deltaX, Y = R);
+      u.mode === "resize-left" ? (X = M + u.deltaX, Y = R - u.deltaX) : u.mode === "resize-right" ? (X = M, Y = R + u.deltaX) : (X = M + u.deltaX, Y = R);
       const N = Ht(u.currentGroup, l.groups), ne = g.groupIndexToY(N), z = u.currentGroup !== u.originalGroup;
       v = {
         item: u.item,
@@ -1317,8 +1320,8 @@ const Qt = 32, dn = me.memo(Ei(function(e, t) {
       interaction: v
     });
   }, [_e, ie, Bt, Ht]), gt = U(null);
-  gt.current || (gt.current = new Xi((r) => {
-    r.grid && mi(), r.items && gi(), r.overlay && pi();
+  gt.current || (gt.current = new $i((r) => {
+    r.grid && gi(), r.items && pi(), r.overlay && vi();
   }));
   const O = gt.current;
   ce(() => () => O.dispose(), [O]), ce(() => {
@@ -1331,7 +1334,7 @@ const Qt = 32, dn = me.memo(Ei(function(e, t) {
         if (!me.isValidElement(m))
           return;
         const g = (u = m.type) == null ? void 0 : u.displayName;
-        g === "TodayMarker" ? l.push(Kt(m.props)) : g === "CustomMarker" && l.push(Jt(m.props));
+        g === "TodayMarker" ? l.push(Jt(m.props)) : g === "CustomMarker" && l.push(Qt(m.props));
       }), je.current = l, O.markDirty("overlay");
     }, mt);
     return () => clearInterval(r);
@@ -1366,12 +1369,12 @@ const Qt = 32, dn = me.memo(Ei(function(e, t) {
       Ge.current = null;
       const l = L.current, m = x.current;
       r === "zoom" ? (g = m.onZoom) == null || g.call(m, l.visibleTimeStart, l.visibleTimeEnd) : (u = m.onTimeChange) == null || u.call(m, l.visibleTimeStart, l.visibleTimeEnd);
-    }, Qt));
+    }, ei));
   }, []);
   ce(() => () => {
     Ge.current !== null && clearTimeout(Ge.current);
   }, []);
-  const rt = U(null), vt = ee(() => new xi((r, l) => {
+  const rt = U(null), vt = ee(() => new Ai((r, l) => {
     var m;
     L.current.update({ visibleTimeStart: r, visibleTimeEnd: l }), (m = rt.current) == null || m.updateBounds(r, l), O.markAllDirty(), ht(), pt("zoom");
   }, d, s, h, E), []);
@@ -1380,9 +1383,9 @@ const Qt = 32, dn = me.memo(Ei(function(e, t) {
     const l = L.current, m = l.getTotalHeight(), g = Math.max(0, m - l.canvasHeight), u = Math.max(0, Math.min(g, l.scrollTop + r));
     u !== l.scrollTop && (l.update({ scrollTop: u }), O.markDirty("grid"), O.markDirty("items"), O.markDirty("overlay"), et(u));
   }, [O]), Ne = oe((r) => {
-    var k, R, X;
+    var M, R, X;
     const l = L.current, m = l.canvasWidth / (l.visibleTimeEnd - l.visibleTimeStart), g = r / m, u = l.visibleTimeStart + g, v = l.visibleTimeEnd + g;
-    l.update({ visibleTimeStart: u, visibleTimeEnd: v }), (k = rt.current) == null || k.updateBounds(u, v), O.markAllDirty(), Di(() => $e()), (X = (R = x.current).onTimeChange) == null || X.call(R, u, v);
+    l.update({ visibleTimeStart: u, visibleTimeEnd: v }), (M = rt.current) == null || M.updateBounds(u, v), O.markAllDirty(), Ii(() => $e()), (X = (R = x.current).onTimeChange) == null || X.call(R, u, v);
   }, [O, $e]);
   ce(() => {
     const r = Le.current;
@@ -1407,13 +1410,13 @@ const Qt = 32, dn = me.memo(Ei(function(e, t) {
     const r = Le.current;
     if (!r)
       return;
-    const l = (k, R) => Math.abs(k.clientX - R.clientX), m = (k, R, X) => (k.clientX + R.clientX) / 2 - X.left, g = (k) => {
-      k.touches.length === 2 && (k.preventDefault(), Ee.current.lastDistance = l(k.touches[0], k.touches[1]), Ee.current.lastCenter = null);
-    }, u = (k) => {
+    const l = (M, R) => Math.abs(M.clientX - R.clientX), m = (M, R, X) => (M.clientX + R.clientX) / 2 - X.left, g = (M) => {
+      M.touches.length === 2 && (M.preventDefault(), Ee.current.lastDistance = l(M.touches[0], M.touches[1]), Ee.current.lastCenter = null);
+    }, u = (M) => {
       var R;
-      if (k.touches.length === 2 && Ee.current.lastDistance !== null) {
-        k.preventDefault();
-        const X = l(k.touches[0], k.touches[1]), Y = r.getBoundingClientRect(), ne = m(k.touches[0], k.touches[1], Y) / Y.width;
+      if (M.touches.length === 2 && Ee.current.lastDistance !== null) {
+        M.preventDefault();
+        const X = l(M.touches[0], M.touches[1]), Y = r.getBoundingClientRect(), ne = m(M.touches[0], M.touches[1], Y) / Y.width;
         if (X !== 0 && Ee.current.lastDistance !== 0) {
           const z = Ee.current.lastDistance / X, J = L.current, q = J.visibleTimeEnd - J.visibleTimeStart;
           let de = q * z;
@@ -1430,7 +1433,7 @@ const Qt = 32, dn = me.memo(Ei(function(e, t) {
       r.removeEventListener("touchstart", g), r.removeEventListener("touchmove", u), r.removeEventListener("touchend", v);
     };
   }, [O, ht, pt]);
-  const vi = oe((r) => {
+  const bi = oe((r) => {
     var X;
     const l = r.currentTarget, m = l.getBoundingClientRect(), g = r.clientX - m.left, u = r.clientY - m.top;
     if (ft.current = g, ve.current) {
@@ -1453,22 +1456,22 @@ const Qt = 32, dn = me.memo(Ei(function(e, t) {
       return;
     }
     x.current.showCursorLine && O.markDirty("overlay");
-    const v = x.current, k = Ue(g, u, L.current, v.intervalTree, v.layoutEngine, v.groups), R = k == null ? void 0 : k.id;
-    if (R !== xe.current && (xe.current = R, O.markDirty("items"), (X = v.onItemHover) == null || X.call(v, R ?? null, r.nativeEvent)), k) {
-      const Y = Gt(g, k, L.current), N = Nt(k, v.canResize);
-      Y === "left" && (N === "left" || N === "both") || Y === "right" && (N === "right" || N === "both") ? l.style.cursor = "col-resize" : v.canMove ? l.style.cursor = "grab" : l.style.cursor = "default";
+    const v = x.current, M = Ue(g, u, L.current, v.intervalTree, v.layoutEngine, v.groups), R = M == null ? void 0 : M.id;
+    if (R !== xe.current && (xe.current = R, O.markDirty("items"), (X = v.onItemHover) == null || X.call(v, R ?? null, r.nativeEvent)), M) {
+      const Y = Gt(g, M, L.current), N = Nt(M, v.canResize);
+      Y === "left" && (N === "left" || N === "both") || Y === "right" && (N === "right" || N === "both") ? l.style.cursor = "col-resize" : Zt(M, v.canMove) ? l.style.cursor = "grab" : l.style.cursor = "default";
     } else
       l.style.cursor = "default";
-  }, [ie, O, Ne, ot]), bi = oe((r) => {
+  }, [ie, O, Ne, ot]), yi = oe((r) => {
     const l = x.current, m = r.currentTarget.getBoundingClientRect(), g = r.clientX - m.left, u = r.clientY - m.top, v = Ue(g, u, L.current, l.intervalTree, l.layoutEngine, l.groups);
     if (!v) {
       ve.current = { startX: r.clientX, startY: r.clientY, lastX: r.clientX, lastY: r.clientY }, Oe.current = !1;
       return;
     }
-    const k = Gt(g, v, L.current), R = Nt(v, l.canResize);
-    k === "left" && (R === "left" || R === "both") ? ie.startInteraction(v, "resize-left", g, u) : k === "right" && (R === "right" || R === "both") ? ie.startInteraction(v, "resize-right", g, u) : l.canMove && ie.startInteraction(v, "move", g, u);
-  }, [ie]), yi = oe((r) => {
-    var k, R, X, Y, N, ne;
+    const M = Gt(g, v, L.current), R = Nt(v, l.canResize);
+    M === "left" && (R === "left" || R === "both") ? ie.startInteraction(v, "resize-left", g, u) : M === "right" && (R === "right" || R === "both") ? ie.startInteraction(v, "resize-right", g, u) : Zt(v, l.canMove) && ie.startInteraction(v, "move", g, u);
+  }, [ie]), Ti = oe((r) => {
+    var M, R, X, Y, N, ne;
     const l = r.currentTarget;
     if (ve.current) {
       const z = Oe.current;
@@ -1495,7 +1498,7 @@ const Qt = 32, dn = me.memo(Ei(function(e, t) {
               }
             }
             const Q = de ? de("move", z.item.id, V) : V, ae = x.current.hierarchyEngine.getMoveDelta(z.item.id, Q);
-            (R = (k = x.current).onItemMove) == null || R.call(k, z.item.id, Q, Z.newGroupId, ae.length > 0 ? ae : void 0);
+            (R = (M = x.current).onItemMove) == null || R.call(M, z.item.id, Q, Z.newGroupId, ae.length > 0 ? ae : void 0);
           }
         } else {
           const Z = ie.endResize(q);
@@ -1515,29 +1518,29 @@ const Qt = 32, dn = me.memo(Ei(function(e, t) {
     ie.isPending() && ie.cancel();
     const m = l.getBoundingClientRect(), g = r.clientX - m.left, u = r.clientY - m.top, v = Ue(g, u, L.current, x.current.intervalTree, x.current.layoutEngine, x.current.groups);
     v && ((ne = (N = x.current).onItemClick) == null || ne.call(N, v.id, r.nativeEvent));
-  }, [ie, O]), Ti = oe((r) => {
-    var k, R;
+  }, [ie, O]), Si = oe((r) => {
+    var M, R;
     const l = r.currentTarget.getBoundingClientRect(), m = r.clientX - l.left, g = r.clientY - l.top, u = x.current, v = Ue(m, g, L.current, u.intervalTree, u.layoutEngine, u.groups);
     if (v)
-      (k = u.onItemDoubleClick) == null || k.call(u, v.id, r.nativeEvent);
+      (M = u.onItemDoubleClick) == null || M.call(u, v.id, r.nativeEvent);
     else {
       const X = Tt(g, L.current, u.groups), Y = L.current.xToTime(m);
       X && ((R = u.onCanvasDoubleClick) == null || R.call(u, X.id, Y));
     }
-  }, []), Si = oe((r) => {
-    var k, R;
+  }, []), Mi = oe((r) => {
+    var M, R;
     r.preventDefault();
     const l = r.currentTarget.getBoundingClientRect(), m = r.clientX - l.left, g = r.clientY - l.top, u = x.current, v = Ue(m, g, L.current, u.intervalTree, u.layoutEngine, u.groups);
     if (v)
-      (k = u.onItemContextMenu) == null || k.call(u, v.id, r.nativeEvent);
+      (M = u.onItemContextMenu) == null || M.call(u, v.id, r.nativeEvent);
     else {
       const X = Tt(g, L.current, u.groups), Y = L.current.xToTime(m);
       X && ((R = u.onCanvasContextMenu) == null || R.call(u, X.id, Y, r.nativeEvent));
     }
-  }, []), Mi = oe(() => {
+  }, []), wi = oe(() => {
     var r, l;
     ve.current = null, Oe.current = !1, ft.current = null, Le.current && (Le.current.style.cursor = "default"), xe.current !== void 0 && (xe.current = void 0, O.markDirty("items"), (l = (r = x.current).onItemHover) == null || l.call(r, null, new PointerEvent("pointerleave"))), x.current.showCursorLine && O.markDirty("overlay");
-  }, [O]), wi = ee(() => {
+  }, [O]), ki = ee(() => {
     const r = [];
     return me.Children.forEach(ke, (l) => {
       var g;
@@ -1552,9 +1555,9 @@ const Qt = 32, dn = me.memo(Ei(function(e, t) {
           sidebarWidth: u.sidebarWidth ?? c,
           theme: u.theme ?? we,
           timezone: u.timezone ?? Je,
-          onZoomToInterval: u.onZoomToInterval ?? ((v, k) => {
+          onZoomToInterval: u.onZoomToInterval ?? ((v, M) => {
             var R, X, Y, N;
-            L.current.update({ visibleTimeStart: v, visibleTimeEnd: k }), O.markAllDirty(), $e(), (X = (R = x.current).onTimeChange) == null || X.call(R, v, k), (N = (Y = x.current).onZoom) == null || N.call(Y, v, k);
+            L.current.update({ visibleTimeStart: v, visibleTimeEnd: M }), O.markAllDirty(), $e(), (X = (R = x.current).onTimeChange) == null || X.call(R, v, M), (N = (Y = x.current).onZoom) == null || N.call(Y, v, M);
           })
         }));
       }
@@ -1562,17 +1565,17 @@ const Qt = 32, dn = me.memo(Ei(function(e, t) {
   }, [ke, Ft, Yt, Ce, c, we, Je, O, $e]), jt = U(!1);
   ce(() => {
     jt.current || (jt.current = !0, O.markAllDirty());
-  }, [O]), Hi(t, () => ({
+  }, [O]), Di(t, () => ({
     captureToCanvas({ timeStart: r, timeEnd: l, scale: m, sidebarWidth: g }) {
-      const u = x.current, v = 28, k = v * 3, R = u.groups.map((j) => u.layoutEngine.getGroupHeight(j.id)), X = [0];
+      const u = x.current, v = 28, M = v * 3, R = u.groups.map((j) => u.layoutEngine.getGroupHeight(j.id)), X = [0];
       for (let j = 0; j < R.length; j++)
         X.push(X[j] + R[j]);
-      const Y = X[R.length], N = L.current, ne = u.canvasWidth / (N.visibleTimeEnd - N.visibleTimeStart), z = l - r, J = Math.max(u.canvasWidth, Math.round(z * ne)), q = (g + J) * m, de = (k + Y) * m, Z = document.createElement("canvas");
+      const Y = X[R.length], N = L.current, ne = u.canvasWidth / (N.visibleTimeEnd - N.visibleTimeStart), z = l - r, J = Math.max(u.canvasWidth, Math.round(z * ne)), q = (g + J) * m, de = (M + Y) * m, Z = document.createElement("canvas");
       Z.width = q, Z.height = de;
       const C = Z.getContext("2d");
       C.scale(m, m);
       for (let j = 0; j < u.groups.length; j++) {
-        const he = u.groups[j], ue = R[j], _ = k + X[j];
+        const he = u.groups[j], ue = R[j], _ = M + X[j];
         if (u.rowStyle) {
           const Q = u.rowStyle(he);
           Q != null && Q.backgroundColor && (C.fillStyle = Q.backgroundColor, C.fillRect(0, _, g, ue));
@@ -1606,7 +1609,7 @@ const Qt = 32, dn = me.memo(Ei(function(e, t) {
         scrollTop: 0,
         groupHeights: R
       });
-      return C.save(), C.translate(g, k), C.beginPath(), C.rect(0, 0, J, Y), C.clip(), Fe.draw(C, ge, u.groups, u.theme, u.dayStyle, u.rowStyle, u.highlights, u.timezone), Ye.draw(C, ge, u.groups, u.items, u.intervalTree, u.layoutEngine, u.itemRenderer, u.groupRenderer, u.theme, u.selected, void 0, u.dependencies, u.summaryRenderer, u.hierarchyEngine), _e.draw(C, ge, u.theme, {
+      return C.save(), C.translate(g, M), C.beginPath(), C.rect(0, 0, J, Y), C.clip(), Fe.draw(C, ge, u.groups, u.theme, u.dayStyle, u.rowStyle, u.highlights, u.timezone), Ye.draw(C, ge, u.groups, u.items, u.intervalTree, u.layoutEngine, u.itemRenderer, u.groupRenderer, u.theme, u.selected, void 0, u.dependencies, u.summaryRenderer, u.hierarchyEngine), _e.draw(C, ge, u.theme, {
         cursorX: null,
         snapX: null,
         markers: je.current,
@@ -1617,7 +1620,7 @@ const Qt = 32, dn = me.memo(Ei(function(e, t) {
     const r = {
       captureToCanvas({ timeStart: l, timeEnd: m, scale: g, sidebarWidth: u }) {
         var ue;
-        const v = x.current, k = 28, R = k * 3, X = v.groups.map((_) => v.layoutEngine.getGroupHeight(_.id)), Y = [0];
+        const v = x.current, M = 28, R = M * 3, X = v.groups.map((_) => v.layoutEngine.getGroupHeight(_.id)), Y = [0];
         for (let _ = 0; _ < X.length; _++)
           Y.push(Y[_] + X[_]);
         const N = Y[X.length], ne = L.current, z = v.canvasWidth / (ne.visibleTimeEnd - ne.visibleTimeStart), J = m - l, q = Math.max(v.canvasWidth, Math.round(J * z)), de = u + q, Z = R + N, C = document.createElement("canvas");
@@ -1630,8 +1633,8 @@ const Qt = 32, dn = me.memo(Ei(function(e, t) {
           const ae = re.type ?? "";
           let fe = 8, pe = "400", Pe = 11;
           ae === "project" ? (pe = "700", Pe = 12) : ae === "control_area_group" ? pe = "600" : ae === "control_area" && (fe = 24), S.fillStyle = "#374151", S.font = `${pe} ${Pe}px -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif`, S.textBaseline = "middle";
-          const Ci = typeof re.title == "string" ? re.title : String(re.title);
-          S.fillText(Ci, fe, G + V / 2, u - fe - 8);
+          const Ei = typeof re.title == "string" ? re.title : String(re.title);
+          S.fillText(Ei, fe, G + V / 2, u - fe - 8);
         }
         S.strokeStyle = "#E5E7EB", S.lineWidth = 1, S.beginPath(), S.moveTo(u, 0), S.lineTo(u, Z), S.stroke(), S.restore(), S.save(), S.beginPath(), S.rect(u, 0, q, R), S.clip();
         const ge = m - l, j = [
@@ -1640,15 +1643,15 @@ const Qt = 32, dn = me.memo(Ei(function(e, t) {
           { unit: "week", row: 2 }
         ];
         for (const { unit: _, row: re } of j) {
-          const V = re * k;
-          S.fillStyle = "#F9FAFB", S.fillRect(u, V, q, k);
+          const V = re * M;
+          S.fillStyle = "#F9FAFB", S.fillRect(u, V, q, M);
           let G = Te(l, v.timezone).startOf(_);
           const Q = Te(m, v.timezone).add(1, _);
           for (; G.isBefore(Q); ) {
             const ae = G.add(1, _), fe = u + (G.valueOf() - l) / ge * q, pe = (ae.valueOf() - G.valueOf()) / ge * q;
-            S.strokeStyle = "#E5E7EB", S.lineWidth = 0.5, S.strokeRect(fe, V, pe, k);
+            S.strokeStyle = "#E5E7EB", S.lineWidth = 0.5, S.strokeRect(fe, V, pe, M);
             let Pe;
-            _ === "year" ? Pe = G.format("YYYY") : _ === "month" ? Pe = G.format("MM") : Pe = `${G.week()}`, S.fillStyle = "#6c737f", S.font = _ === "year" ? '600 11px -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif' : '400 11px -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif', S.textBaseline = "middle", S.textAlign = "center", pe > 20 && S.fillText(Pe, fe + pe / 2, V + k / 2), G = ae;
+            _ === "year" ? Pe = G.format("YYYY") : _ === "month" ? Pe = G.format("MM") : Pe = `${G.week()}`, S.fillStyle = "#6c737f", S.font = _ === "year" ? '600 11px -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif' : '400 11px -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif', S.textBaseline = "middle", S.textAlign = "center", pe > 20 && S.fillText(Pe, fe + pe / 2, V + M / 2), G = ae;
           }
         }
         S.textAlign = "start", S.restore(), S.save(), S.beginPath(), S.rect(u, R, q, N), S.clip(), S.translate(u, R);
@@ -1669,14 +1672,14 @@ const Qt = 32, dn = me.memo(Ei(function(e, t) {
     };
     Ke == null || Ke(r);
   }, [Ke, Fe, Ye, _e]);
-  const ki = {
+  const Ci = {
     position: "relative",
     width: Ce,
     height: ye,
     overflow: "hidden",
     cursor: "default"
   }, bt = { position: "absolute", top: 0, left: 0 };
-  return Ve("div", { ref: Ot, style: { display: "flex", flexDirection: "column", width: "100%", position: "relative" }, children: [si ? Ve("div", { style: {
+  return Ve("div", { ref: Ot, style: { display: "flex", flexDirection: "column", width: "100%", position: "relative" }, children: [li ? Ve("div", { style: {
     position: "absolute",
     top: 0,
     left: 0,
@@ -1690,13 +1693,13 @@ const Qt = 32, dn = me.memo(Ei(function(e, t) {
     borderBottomRightRadius: 4,
     pointerEvents: "none",
     userSelect: "none"
-  }, children: ["v", "0.7.0", " · ", "07:45:36"] }) : null, wi, Ve("div", { ref: Pt, style: { display: "flex", overflow: "hidden", maxHeight: Be ?? void 0 }, children: [le(qt, { groups: n, width: c, lineHeight: a, groupHeights: Re, scrollTop: _t, canvasHeight: ye, theme: we, groupRenderer: B, onScroll: (r) => {
+  }, children: ["v", "0.8.0", " · ", "08:36:05"] }) : null, ki, Ve("div", { ref: Pt, style: { display: "flex", overflow: "hidden", maxHeight: Be ?? void 0 }, children: [le(Kt, { groups: n, width: c, lineHeight: a, groupHeights: Re, scrollTop: _t, canvasHeight: ye, theme: we, groupRenderer: B, onScroll: (r) => {
     L.current.update({ scrollTop: r }), O.markDirty("grid"), O.markDirty("items"), O.markDirty("overlay"), et(r);
-  } }), Ve("div", { ref: Le, style: ki, onPointerMove: vi, onPointerDown: bi, onPointerUp: yi, onDoubleClick: Ti, onContextMenu: Si, onPointerLeave: Mi, children: [le("canvas", { ref: Dt, style: { ...bt, zIndex: 0 } }), le("canvas", { ref: It, style: { ...bt, zIndex: 1 } }), le("canvas", { ref: Rt, style: { ...bt, zIndex: 2 } })] }), ut && Et ? le(qt, { groups: n, width: ut, lineHeight: a, groupHeights: Re, scrollTop: _t, canvasHeight: ye, theme: we, groupRenderer: Et, onScroll: (r) => {
+  } }), Ve("div", { ref: Le, style: Ci, onPointerMove: bi, onPointerDown: yi, onPointerUp: Ti, onDoubleClick: Si, onContextMenu: Mi, onPointerLeave: wi, children: [le("canvas", { ref: Dt, style: { ...bt, zIndex: 0 } }), le("canvas", { ref: It, style: { ...bt, zIndex: 1 } }), le("canvas", { ref: Rt, style: { ...bt, zIndex: 2 } })] }), ut && Et ? le(Kt, { groups: n, width: ut, lineHeight: a, groupHeights: Re, scrollTop: _t, canvasHeight: ye, theme: we, groupRenderer: Et, onScroll: (r) => {
     L.current.update({ scrollTop: r }), O.markDirty("grid"), O.markDirty("items"), O.markDirty("overlay"), et(r);
   } }) : null] })] });
 }));
-function Ki({ children: i, theme: e, className: t, classNames: n, style: o, visibleTimeStart: d, visibleTimeEnd: s, canvasWidth: c, sidebarWidth: a = 0, onZoomToInterval: b, timezone: H }) {
+function Ji({ children: i, theme: e, className: t, classNames: n, style: o, visibleTimeStart: d, visibleTimeEnd: s, canvasWidth: c, sidebarWidth: a = 0, onZoomToInterval: b, timezone: H }) {
   const p = me.Children.map(i, (f) => {
     var T;
     if (!me.isValidElement(f))
@@ -1726,8 +1729,8 @@ function Ki({ children: i, theme: e, className: t, classNames: n, style: o, visi
     ...o
   }, children: p });
 }
-Ki.displayName = "TimelineHeaders";
-var oi = { exports: {} };
+Ji.displayName = "TimelineHeaders";
+var si = { exports: {} };
 (function(i, e) {
   (function(t, n) {
     i.exports = n();
@@ -1742,29 +1745,29 @@ var oi = { exports: {} };
           var H = s(this).startOf(n).add(1, n).date(b), p = s(this).endOf(t);
           if (H.isBefore(p)) return 1;
         }
-        var f = s(this).startOf(n).date(b).startOf(t).subtract(1, "millisecond"), M = this.diff(f, t, !0);
-        return M < 0 ? s(this).startOf("week").week() : Math.ceil(M);
+        var f = s(this).startOf(n).date(b).startOf(t).subtract(1, "millisecond"), w = this.diff(f, t, !0);
+        return w < 0 ? s(this).startOf("week").week() : Math.ceil(w);
       }, c.weeks = function(a) {
         return a === void 0 && (a = null), this.week(a);
       };
     };
   });
-})(oi);
-var Ji = oi.exports;
-const Qi = /* @__PURE__ */ at(Ji);
-We.extend(Qi);
-const en = {
+})(si);
+var Qi = si.exports;
+const en = /* @__PURE__ */ at(Qi);
+We.extend(en);
+const tn = {
   year: 30,
   month: 30,
   week: 20,
   day: 15,
   hour: 30
 };
-function tn({ unit: i, visibleTimeStart: e = 0, visibleTimeEnd: t = 0, canvasWidth: n = 0, theme: o, height: d = 28, className: s, labelFormat: c, onIntervalClick: a, minCellWidth: b, onZoomToInterval: H, timezone: p }) {
+function nn({ unit: i, visibleTimeStart: e = 0, visibleTimeEnd: t = 0, canvasWidth: n = 0, theme: o, height: d = 28, className: s, labelFormat: c, onIntervalClick: a, minCellWidth: b, onZoomToInterval: H, timezone: p }) {
   const f = ee(() => {
     if (!e || !t || !n)
       return [];
-    const T = t - e, h = b ?? en[i];
+    const T = t - e, h = b ?? tn[i];
     if (h > 0) {
       const y = Te(e, p).startOf(i);
       if ((y.add(1, i).valueOf() - y.valueOf()) / T * n < h)
@@ -1774,14 +1777,14 @@ function tn({ unit: i, visibleTimeStart: e = 0, visibleTimeEnd: t = 0, canvasWid
     let P = Te(e, p).startOf(i).subtract(1, i);
     const W = Te(t, p).add(2, i).valueOf();
     for (; P.valueOf() < W; ) {
-      const y = P.add(1, i), D = P.valueOf(), w = y.valueOf(), $ = (D - e) / T * n, B = (w - D) / T * n, I = nn(P, y, i, c);
-      E.push({ start: D, end: w, label: I, left: $, width: B }), P = y;
+      const y = P.add(1, i), D = P.valueOf(), k = y.valueOf(), $ = (D - e) / T * n, B = (k - D) / T * n, I = rn(P, y, i, c);
+      E.push({ start: D, end: k, label: I, left: $, width: B }), P = y;
     }
     return E;
-  }, [e, t, n, i, c, b, p]), M = oe((T, h) => {
+  }, [e, t, n, i, c, b, p]), w = oe((T, h) => {
     a ? a(T, h) : H && H(T, h);
   }, [a, H]);
-  return f.length === 0 ? null : le("div", { style: { display: "flex", position: "relative", height: d, overflow: "hidden" }, children: f.map((T) => le("div", { className: s, onClick: () => M(T.start, T.end), style: {
+  return f.length === 0 ? null : le("div", { style: { display: "flex", position: "relative", height: d, overflow: "hidden" }, children: f.map((T) => le("div", { className: s, onClick: () => w(T.start, T.end), style: {
     position: "absolute",
     left: T.left,
     width: T.width,
@@ -1802,11 +1805,11 @@ function tn({ unit: i, visibleTimeStart: e = 0, visibleTimeEnd: t = 0, canvasWid
     boxSizing: "border-box"
   }, children: le("span", { children: T.label }) }, T.start)) });
 }
-tn.displayName = "DateHeader";
-function nn(i, e, t, n, o) {
-  return typeof n == "function" ? n(i.toDate(), e.toDate(), t) : typeof n == "string" ? i.format(n) : rn(i, t);
+nn.displayName = "DateHeader";
+function rn(i, e, t, n, o) {
+  return typeof n == "function" ? n(i.toDate(), e.toDate(), t) : typeof n == "string" ? i.format(n) : on(i, t);
 }
-function rn(i, e) {
+function on(i, e) {
   switch (e) {
     case "year":
       return i.format("YYYY");
@@ -1820,24 +1823,24 @@ function rn(i, e) {
       return i.format("HH:mm");
   }
 }
-function on({ width: i, children: e, style: t }) {
+function sn({ width: i, children: e, style: t }) {
   const n = () => ({ style: { width: i, ...t } });
-  return e ? le(ei, { children: e({ getRootProps: n }) }) : le("div", { style: { width: i } });
+  return e ? le(ti, { children: e({ getRootProps: n }) }) : le("div", { style: { width: i } });
 }
-on.displayName = "SidebarHeader";
-function sn({ children: i }) {
-  return le(ei, { children: i });
+sn.displayName = "SidebarHeader";
+function ln({ children: i }) {
+  return le(ti, { children: i });
 }
-sn.displayName = "CustomHeader";
+ln.displayName = "CustomHeader";
 export {
-  dn as CanvasTimeline,
-  sn as CustomHeader,
-  Vi as CustomMarker,
+  fn as CanvasTimeline,
+  ln as CustomHeader,
+  qi as CustomMarker,
   He as DEFAULT_THEME,
-  tn as DateHeader,
-  Oi as HierarchyEngine,
-  on as SidebarHeader,
-  Ki as TimelineHeaders,
-  Zi as TodayMarker
+  nn as DateHeader,
+  Pi as HierarchyEngine,
+  sn as SidebarHeader,
+  Ji as TimelineHeaders,
+  Ui as TodayMarker
 };
 //# sourceMappingURL=canvas-timeline.es.js.map