@kteneyck/cesium-timeline-react 0.9.0 → 0.11.0

package/dist/cesium-timeline-react.js

@@ -1,9 +1,9 @@
-import ct, { useMemo as Ne, useRef as x, useState as Ae, useEffect as z, forwardRef as st, useCallback as ae, useImperativeHandle as it, useLayoutEffect as ut } from "react";
-import * as D from "cesium";
-import { DEFAULT_LABELS as lt, splitForDisplay as at, getTimezoneAbbr as dt, formatDateTime as We, resolveLabel as Be, drawTimeline as ft, hitTestSwimLane as pt, hitTestLaneLabel as mt, isInSwimLaneRegion as ht, TICK_AREA_HEIGHT as Oe, zoomRange as gt, DEFAULT_LANE_HEIGHT as $e, LANE_GAP as He, SWIM_LANE_SCROLL_SPEED as xt, MIN_SPAN_MS as vt, MAX_SPAN_MS as bt, zoomAroundMs as Tt, toJulianDate as De, defaultTheme as wt, generateTicks as Mt, timeToPosition as yt, snapToTick as Et } from "@kteneyck/cesium-timeline-core";
+import lt, { useMemo as Fe, useRef as h, useState as Ae, useEffect as _, forwardRef as dt, useCallback as de, useImperativeHandle as ft, useLayoutEffect as mt } from "react";
+import * as R from "cesium";
+import { DEFAULT_LABELS as ht, splitForDisplay as pt, getTimezoneAbbr as gt, formatDateTime as qe, resolveLabel as Ge, drawTimeline as xt, hitTestSwimLane as vt, hitTestLaneLabel as bt, isInSwimLaneRegion as wt, TICK_AREA_HEIGHT as $e, zoomRange as Tt, DEFAULT_LANE_HEIGHT as Ve, LANE_GAP as Ze, SWIM_LANE_SCROLL_SPEED as Mt, MIN_SPAN_MS as Rt, MAX_SPAN_MS as Et, zoomAroundMs as yt, toJulianDate as Ce, defaultTheme as Dt, generateTicks as St, timeToPosition as Ct, snapToTick as At } from "@kteneyck/cesium-timeline-core";
 export * from "@kteneyck/cesium-timeline-core";
-import { TICK_AREA_HEIGHT as Ot } from "@kteneyck/cesium-timeline-core";
-var Xe = { exports: {} }, Se = {};
+import { TICK_AREA_HEIGHT as Wt } from "@kteneyck/cesium-timeline-core";
+var Ye = { exports: {} }, Ie = {};
 /**
  * @license React
  * react-jsx-runtime.production.js
@@ -13,29 +13,29 @@ var Xe = { exports: {} }, Se = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var Ue;
-function Rt() {
-  if (Ue) return Se;
-  Ue = 1;
-  var F = Symbol.for("react.transitional.element"), X = Symbol.for("react.fragment");
-  function K(d, _, S) {
-    var W = null;
-    if (S !== void 0 && (W = "" + S), _.key !== void 0 && (W = "" + _.key), "key" in _) {
-      S = {};
-      for (var $ in _)
-        $ !== "key" && (S[$] = _[$]);
-    } else S = _;
-    return _ = S.ref, {
-      $$typeof: F,
-      type: d,
-      key: W,
-      ref: _ !== void 0 ? _ : null,
-      props: S
+var Ke;
+function _t() {
+  if (Ke) return Ie;
+  Ke = 1;
+  var D = /* @__PURE__ */ Symbol.for("react.transitional.element"), L = /* @__PURE__ */ Symbol.for("react.fragment");
+  function $(p, A, j) {
+    var N = null;
+    if (j !== void 0 && (N = "" + j), A.key !== void 0 && (N = "" + A.key), "key" in A) {
+      j = {};
+      for (var X in A)
+        X !== "key" && (j[X] = A[X]);
+    } else j = A;
+    return A = j.ref, {
+      $$typeof: D,
+      type: p,
+      key: N,
+      ref: A !== void 0 ? A : null,
+      props: j
     };
   }
-  return Se.Fragment = X, Se.jsx = K, Se.jsxs = K, Se;
+  return Ie.Fragment = L, Ie.jsx = $, Ie.jsxs = $, Ie;
 }
-var Le = {};
+var Pe = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -45,282 +45,289 @@ var Le = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var qe;
-function Dt() {
-  return qe || (qe = 1, process.env.NODE_ENV !== "production" && (function() {
-    function F(t) {
-      if (t == null) return null;
-      if (typeof t == "function")
-        return t.$$typeof === p ? null : t.displayName || t.name || null;
-      if (typeof t == "string") return t;
-      switch (t) {
-        case te:
+var Qe;
+function Lt() {
+  return Qe || (Qe = 1, process.env.NODE_ENV !== "production" && (function() {
+    function D(e) {
+      if (e == null) return null;
+      if (typeof e == "function")
+        return e.$$typeof === Te ? null : e.displayName || e.name || null;
+      if (typeof e == "string") return e;
+      switch (e) {
+        case H:
           return "Fragment";
-        case w:
+        case T:
           return "Profiler";
-        case ue:
+        case ce:
           return "StrictMode";
-        case B:
+        case U:
           return "Suspense";
-        case oe:
+        case y:
           return "SuspenseList";
-        case A:
+        case me:
           return "Activity";
       }
-      if (typeof t == "object")
-        switch (typeof t.tag == "number" && console.error(
+      if (typeof e == "object")
+        switch (typeof e.tag == "number" && console.error(
           "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
-        ), t.$$typeof) {
-          case ie:
+        ), e.$$typeof) {
+          case oe:
             return "Portal";
+          case B:
+            return e.displayName || "Context";
+          case w:
+            return (e._context.displayName || "Context") + ".Consumer";
+          case K:
+            var a = e.render;
+            return e = e.displayName, e || (e = a.displayName || a.name || "", e = e !== "" ? "ForwardRef(" + e + ")" : "ForwardRef"), e;
+          case S:
+            return a = e.displayName || null, a !== null ? a : D(e.type) || "Memo";
           case Q:
-            return t.displayName || "Context";
-          case v:
-            return (t._context.displayName || "Context") + ".Consumer";
-          case M:
-            var f = t.render;
-            return t = t.displayName, t || (t = f.displayName || f.name || "", t = t !== "" ? "ForwardRef(" + t + ")" : "ForwardRef"), t;
-          case ge:
-            return f = t.displayName || null, f !== null ? f : F(t.type) || "Memo";
-          case ce:
-            f = t._payload, t = t._init;
+            a = e._payload, e = e._init;
             try {
-              return F(t(f));
+              return D(e(a));
             } catch {
             }
         }
       return null;
     }
-    function X(t) {
-      return "" + t;
+    function L(e) {
+      return "" + e;
     }
-    function K(t) {
+    function $(e) {
       try {
-        X(t);
-        var f = !1;
+        L(e);
+        var a = !1;
       } catch {
-        f = !0;
+        a = !0;
       }
-      if (f) {
-        f = console;
-        var b = f.error, y = typeof Symbol == "function" && Symbol.toStringTag && t[Symbol.toStringTag] || t.constructor.name || "Object";
-        return b.call(
-          f,
+      if (a) {
+        a = console;
+        var s = a.error, x = typeof Symbol == "function" && Symbol.toStringTag && e[Symbol.toStringTag] || e.constructor.name || "Object";
+        return s.call(
+          a,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
-          y
-        ), X(t);
+          x
+        ), L(e);
       }
     }
-    function d(t) {
-      if (t === te) return "<>";
-      if (typeof t == "object" && t !== null && t.$$typeof === ce)
+    function p(e) {
+      if (e === H) return "<>";
+      if (typeof e == "object" && e !== null && e.$$typeof === Q)
         return "<...>";
       try {
-        var f = F(t);
-        return f ? "<" + f + ">" : "<...>";
+        var a = D(e);
+        return a ? "<" + a + ">" : "<...>";
       } catch {
         return "<...>";
       }
     }
-    function _() {
-      var t = g.A;
-      return t === null ? null : t.getOwner();
+    function A() {
+      var e = ee.A;
+      return e === null ? null : e.getOwner();
     }
-    function S() {
+    function j() {
       return Error("react-stack-top-frame");
     }
-    function W(t) {
-      if (L.call(t, "key")) {
-        var f = Object.getOwnPropertyDescriptor(t, "key").get;
-        if (f && f.isReactWarning) return !1;
+    function N(e) {
+      if (c.call(e, "key")) {
+        var a = Object.getOwnPropertyDescriptor(e, "key").get;
+        if (a && a.isReactWarning) return !1;
       }
-      return t.key !== void 0;
+      return e.key !== void 0;
     }
-    function $(t, f) {
-      function b() {
-        O || (O = !0, console.error(
+    function X(e, a) {
+      function s() {
+        re || (re = !0, console.error(
           "%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
-          f
+          a
         ));
       }
-      b.isReactWarning = !0, Object.defineProperty(t, "key", {
-        get: b,
+      s.isReactWarning = !0, Object.defineProperty(e, "key", {
+        get: s,
         configurable: !0
       });
     }
-    function de() {
-      var t = F(this.type);
-      return j[t] || (j[t] = !0, console.error(
+    function fe() {
+      var e = D(this.type);
+      return q[e] || (q[e] = !0, console.error(
         "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
-      )), t = this.props.ref, t !== void 0 ? t : null;
+      )), e = this.props.ref, e !== void 0 ? e : null;
     }
-    function H(t, f, b, y, re, he) {
-      var J = b.ref;
-      return t = {
-        $$typeof: Z,
-        type: t,
-        key: f,
-        props: b,
-        _owner: y
-      }, (J !== void 0 ? J : null) !== null ? Object.defineProperty(t, "ref", {
+    function O(e, a, s, x, ue, pe) {
+      var E = s.ref;
+      return e = {
+        $$typeof: W,
+        type: e,
+        key: a,
+        props: s,
+        _owner: x
+      }, (E !== void 0 ? E : null) !== null ? Object.defineProperty(e, "ref", {
         enumerable: !1,
-        get: de
-      }) : Object.defineProperty(t, "ref", { enumerable: !1, value: null }), t._store = {}, Object.defineProperty(t._store, "validated", {
+        get: fe
+      }) : Object.defineProperty(e, "ref", { enumerable: !1, value: null }), e._store = {}, Object.defineProperty(e._store, "validated", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: 0
-      }), Object.defineProperty(t, "_debugInfo", {
+      }), Object.defineProperty(e, "_debugInfo", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: null
-      }), Object.defineProperty(t, "_debugStack", {
+      }), Object.defineProperty(e, "_debugStack", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: re
-      }), Object.defineProperty(t, "_debugTask", {
+        value: ue
+      }), Object.defineProperty(e, "_debugTask", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: he
-      }), Object.freeze && (Object.freeze(t.props), Object.freeze(t)), t;
+        value: pe
+      }), Object.freeze && (Object.freeze(e.props), Object.freeze(e)), e;
     }
-    function G(t, f, b, y, re, he) {
-      var J = f.children;
-      if (J !== void 0)
-        if (y)
-          if (C(J)) {
-            for (y = 0; y < J.length; y++)
-              U(J[y]);
-            Object.freeze && Object.freeze(J);
+    function J(e, a, s, x, ue, pe) {
+      var E = a.children;
+      if (E !== void 0)
+        if (x)
+          if (v(E)) {
+            for (x = 0; x < E.length; x++)
+              ie(E[x]);
+            Object.freeze && Object.freeze(E);
           } else
             console.error(
               "React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
             );
-        else U(J);
-      if (L.call(f, "key")) {
-        J = F(t);
-        var E = Object.keys(f).filter(function(Te) {
-          return Te !== "key";
+        else ie(E);
+      if (c.call(a, "key")) {
+        E = D(e);
+        var Z = Object.keys(a).filter(function(Me) {
+          return Me !== "key";
         });
-        y = 0 < E.length ? "{key: someKey, " + E.join(": ..., ") + ": ...}" : "{key: someKey}", k[J + y] || (E = 0 < E.length ? "{" + E.join(": ..., ") + ": ...}" : "{}", console.error(
+        x = 0 < Z.length ? "{key: someKey, " + Z.join(": ..., ") + ": ...}" : "{key: someKey}", z[E + x] || (Z = 0 < Z.length ? "{" + Z.join(": ..., ") + ": ...}" : "{}", console.error(
           `A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
 React keys must be passed directly to JSX without using spread:
   let props = %s;
   <%s key={someKey} {...props} />`,
-          y,
-          J,
+          x,
           E,
-          J
-        ), k[J + y] = !0);
+          Z,
+          E
+        ), z[E + x] = !0);
       }
-      if (J = null, b !== void 0 && (K(b), J = "" + b), W(f) && (K(f.key), J = "" + f.key), "key" in f) {
-        b = {};
-        for (var fe in f)
-          fe !== "key" && (b[fe] = f[fe]);
-      } else b = f;
-      return J && $(
-        b,
-        typeof t == "function" ? t.displayName || t.name || "Unknown" : t
-      ), H(
-        t,
-        J,
-        b,
-        _(),
-        re,
-        he
+      if (E = null, s !== void 0 && ($(s), E = "" + s), N(a) && ($(a.key), E = "" + a.key), "key" in a) {
+        s = {};
+        for (var te in a)
+          te !== "key" && (s[te] = a[te]);
+      } else s = a;
+      return E && X(
+        s,
+        typeof e == "function" ? e.displayName || e.name || "Unknown" : e
+      ), O(
+        e,
+        E,
+        s,
+        A(),
+        ue,
+        pe
       );
     }
-    function U(t) {
-      I(t) ? t._store && (t._store.validated = 1) : typeof t == "object" && t !== null && t.$$typeof === ce && (t._payload.status === "fulfilled" ? I(t._payload.value) && t._payload.value._store && (t._payload.value._store.validated = 1) : t._store && (t._store.validated = 1));
+    function ie(e) {
+      ne(e) ? e._store && (e._store.validated = 1) : typeof e == "object" && e !== null && e.$$typeof === Q && (e._payload.status === "fulfilled" ? ne(e._payload.value) && e._payload.value._store && (e._payload.value._store.validated = 1) : e._store && (e._store.validated = 1));
     }
-    function I(t) {
-      return typeof t == "object" && t !== null && t.$$typeof === Z;
+    function ne(e) {
+      return typeof e == "object" && e !== null && e.$$typeof === W;
     }
-    var se = ct, Z = Symbol.for("react.transitional.element"), ie = Symbol.for("react.portal"), te = Symbol.for("react.fragment"), ue = Symbol.for("react.strict_mode"), w = Symbol.for("react.profiler"), v = Symbol.for("react.consumer"), Q = Symbol.for("react.context"), M = Symbol.for("react.forward_ref"), B = Symbol.for("react.suspense"), oe = Symbol.for("react.suspense_list"), ge = Symbol.for("react.memo"), ce = Symbol.for("react.lazy"), A = Symbol.for("react.activity"), p = Symbol.for("react.client.reference"), g = se.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, L = Object.prototype.hasOwnProperty, C = Array.isArray, ee = console.createTask ? console.createTask : function() {
+    var ae = lt, W = /* @__PURE__ */ Symbol.for("react.transitional.element"), oe = /* @__PURE__ */ Symbol.for("react.portal"), H = /* @__PURE__ */ Symbol.for("react.fragment"), ce = /* @__PURE__ */ Symbol.for("react.strict_mode"), T = /* @__PURE__ */ Symbol.for("react.profiler"), w = /* @__PURE__ */ Symbol.for("react.consumer"), B = /* @__PURE__ */ Symbol.for("react.context"), K = /* @__PURE__ */ Symbol.for("react.forward_ref"), U = /* @__PURE__ */ Symbol.for("react.suspense"), y = /* @__PURE__ */ Symbol.for("react.suspense_list"), S = /* @__PURE__ */ Symbol.for("react.memo"), Q = /* @__PURE__ */ Symbol.for("react.lazy"), me = /* @__PURE__ */ Symbol.for("react.activity"), Te = /* @__PURE__ */ Symbol.for("react.client.reference"), ee = ae.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, c = Object.prototype.hasOwnProperty, v = Array.isArray, b = console.createTask ? console.createTask : function() {
       return null;
     };
-    se = {
-      react_stack_bottom_frame: function(t) {
-        return t();
+    ae = {
+      react_stack_bottom_frame: function(e) {
+        return e();
       }
     };
-    var O, j = {}, s = se.react_stack_bottom_frame.bind(
-      se,
-      S
-    )(), V = ee(d(S)), k = {};
-    Le.Fragment = te, Le.jsx = function(t, f, b) {
-      var y = 1e4 > g.recentlyCreatedOwnerStacks++;
-      return G(
-        t,
-        f,
-        b,
+    var re, q = {}, M = ae.react_stack_bottom_frame.bind(
+      ae,
+      j
+    )(), G = b(p(j)), z = {};
+    Pe.Fragment = H, Pe.jsx = function(e, a, s) {
+      var x = 1e4 > ee.recentlyCreatedOwnerStacks++;
+      return J(
+        e,
+        a,
+        s,
         !1,
-        y ? Error("react-stack-top-frame") : s,
-        y ? ee(d(t)) : V
+        x ? Error("react-stack-top-frame") : M,
+        x ? b(p(e)) : G
       );
-    }, Le.jsxs = function(t, f, b) {
-      var y = 1e4 > g.recentlyCreatedOwnerStacks++;
-      return G(
-        t,
-        f,
-        b,
+    }, Pe.jsxs = function(e, a, s) {
+      var x = 1e4 > ee.recentlyCreatedOwnerStacks++;
+      return J(
+        e,
+        a,
+        s,
         !0,
-        y ? Error("react-stack-top-frame") : s,
-        y ? ee(d(t)) : V
+        x ? Error("react-stack-top-frame") : M,
+        x ? b(p(e)) : G
       );
     };
-  })()), Le;
+  })()), Pe;
 }
-var Ge;
-function At() {
-  return Ge || (Ge = 1, process.env.NODE_ENV === "production" ? Xe.exports = Rt() : Xe.exports = Dt()), Xe.exports;
+var et;
+function jt() {
+  return et || (et = 1, process.env.NODE_ENV === "production" ? Ye.exports = _t() : Ye.exports = Lt()), Ye.exports;
 }
-var u = At();
-const Ct = 520, _t = () => /* @__PURE__ */ u.jsxs("svg", { width: "14", height: "16", viewBox: "0 0 14 16", fill: "currentColor", "aria-hidden": "true", children: [
-  /* @__PURE__ */ u.jsx("rect", { x: "1", y: "0", width: "4", height: "16", rx: "1" }),
-  /* @__PURE__ */ u.jsx("rect", { x: "9", y: "0", width: "4", height: "16", rx: "1" })
-] }), Ve = () => /* @__PURE__ */ u.jsx("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: /* @__PURE__ */ u.jsx("polyline", { points: "3,5 7,9 11,5" }) }), Ke = () => /* @__PURE__ */ u.jsx("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: /* @__PURE__ */ u.jsx("polyline", { points: "3,9 7,5 11,9" }) }), jt = ({
-  currentTime: F,
-  isPlaying: X,
-  multiplier: K,
-  dateTimeFormat: d,
-  timezone: _,
-  isLive: S,
-  hasStartTime: W,
-  hasEndTime: $,
-  showJumpToStart: de = !0,
-  showJumpToEnd: H = !0,
-  onPlayPause: G,
-  onJumpToStart: U,
-  onRewind: I,
-  onFastForward: se,
-  onJumpToEnd: Z,
-  onJumpToLive: ie,
-  onResetSpeed: te,
-  onDateTimeClick: ue,
-  theme: w,
-  swimLanesVisible: v,
-  onToggleSwimLanes: Q,
-  labels: M
+var f = jt();
+const kt = 520, It = () => /* @__PURE__ */ f.jsxs("svg", { width: "14", height: "16", viewBox: "0 0 14 16", fill: "currentColor", "aria-hidden": "true", children: [
+  /* @__PURE__ */ f.jsx("rect", { x: "1", y: "0", width: "4", height: "16", rx: "1" }),
+  /* @__PURE__ */ f.jsx("rect", { x: "9", y: "0", width: "4", height: "16", rx: "1" })
+] }), tt = () => /* @__PURE__ */ f.jsx("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: /* @__PURE__ */ f.jsx("polyline", { points: "3,5 7,9 11,5" }) }), nt = () => /* @__PURE__ */ f.jsx("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: /* @__PURE__ */ f.jsx("polyline", { points: "3,9 7,5 11,9" }) }), Pt = {
+  sm: { width: 44, height: 18, fontSize: "10px", dot: 5, borderRadius: "3px" },
+  md: { width: 56, height: 22, fontSize: "11px", dot: 6, borderRadius: "3px" },
+  lg: { width: 72, height: 30, fontSize: "13px", dot: 8, borderRadius: "4px" }
+}, Ft = ({
+  currentTime: D,
+  isPlaying: L,
+  multiplier: $,
+  dateTimeFormat: p,
+  timezone: A,
+  isLive: j,
+  hasStartTime: N,
+  hasEndTime: X,
+  showJumpToStart: fe = !0,
+  showJumpToEnd: O = !0,
+  onPlayPause: J,
+  onJumpToStart: ie,
+  onRewind: ne,
+  onFastForward: ae,
+  onJumpToEnd: W,
+  onJumpToLive: oe,
+  onResetSpeed: H,
+  onDateTimeClick: ce,
+  theme: T,
+  swimLanesVisible: w,
+  onToggleSwimLanes: B,
+  labels: K,
+  liveButtonSize: U = "md",
+  liveButtonPosition: y = "left",
+  live: S = !1
 }) => {
-  const B = K < 0, oe = K > 1, ge = K === 1, ce = Math.abs(K), A = Ne(
-    () => ({ ...lt, ...M }),
-    [M]
-  ), p = x(null), [g, L] = Ae(!1);
-  z(() => {
-    const s = p.current;
+  const Q = $ < 0, me = $ > 1, Te = $ === 1, ee = Math.abs($), c = Fe(
+    () => ({ ...ht, ...K }),
+    [K]
+  ), v = h(null), [b, re] = Ae(!1);
+  _(() => {
+    const s = v.current;
     if (!s) return;
-    const V = new ResizeObserver(([k]) => {
-      L(k.contentRect.width < Ct);
+    const x = new ResizeObserver(([ue]) => {
+      re(ue.contentRect.width < kt);
     });
-    return V.observe(s), () => V.disconnect();
+    return x.observe(s), () => x.disconnect();
   }, []);
-  const C = {
+  const q = {
     background: "none",
     border: "1px solid transparent",
     cursor: "pointer",
@@ -337,943 +344,1005 @@ const Ct = 520, _t = () => /* @__PURE__ */ u.jsxs("svg", { width: "14", height:
     fontFamily: "system-ui, -apple-system, sans-serif",
     flexShrink: 0,
     lineHeight: 1
-  }, ee = (s) => ({
-    ...C,
-    color: s ? w.buttonActiveColor : w.buttonColor,
-    borderColor: s ? `${w.buttonActiveColor}33` : "transparent"
-  }), O = (s, V) => {
-    s.currentTarget.style.backgroundColor = V ? `${w.buttonActiveColor}22` : w.buttonHoverColor + "44";
-  }, j = (s) => {
+  }, M = (s) => ({
+    ...q,
+    color: s ? T.buttonActiveColor : T.buttonColor,
+    borderColor: s ? `${T.buttonActiveColor}33` : "transparent"
+  }), G = (s, x) => {
+    s.currentTarget.style.backgroundColor = x ? `${T.buttonActiveColor}22` : T.buttonHoverColor + "44";
+  }, z = (s) => {
     s.currentTarget.style.backgroundColor = "transparent";
-  };
-  return /* @__PURE__ */ u.jsxs(
+  }, e = Pt[U], a = /* @__PURE__ */ f.jsxs("div", { style: { display: "flex", alignItems: "center", gap: "4px" }, children: [
+    /* @__PURE__ */ f.jsxs(
+      "button",
+      {
+        onClick: S ? void 0 : oe,
+        style: {
+          ...q,
+          fontSize: e.fontSize,
+          fontWeight: "bold",
+          letterSpacing: "0.05em",
+          width: `${e.width}px`,
+          minWidth: `${e.width}px`,
+          height: `${e.height}px`,
+          borderRadius: e.borderRadius,
+          color: S || j ? T.controlBarBackground : T.buttonActiveColor,
+          backgroundColor: S || j ? T.buttonActiveColor : "transparent",
+          borderColor: T.buttonActiveColor,
+          opacity: 1,
+          gap: "4px",
+          cursor: S ? "default" : "pointer"
+        },
+        onMouseEnter: S ? void 0 : ((s) => {
+          s.currentTarget.style.opacity = "1";
+        }),
+        onMouseLeave: S ? void 0 : ((s) => {
+          s.currentTarget.style.opacity = j ? "1" : "0.55";
+        }),
+        title: S || j ? c.liveActiveTooltip : c.liveTooltip,
+        children: [
+          (S || j) && /* @__PURE__ */ f.jsx("span", { style: {
+            width: `${e.dot}px`,
+            height: `${e.dot}px`,
+            borderRadius: "50%",
+            backgroundColor: T.liveDotColor,
+            display: "inline-block",
+            flexShrink: 0
+          } }),
+          S || j ? c.liveActiveLabel : c.liveLabel
+        ]
+      }
+    ),
+    !Te && !S && /* @__PURE__ */ f.jsx(
+      "button",
+      {
+        onClick: () => H(),
+        style: {
+          ...q,
+          fontSize: "11px",
+          color: T.buttonActiveColor,
+          borderColor: `${T.buttonActiveColor}44`,
+          width: `${e.width}px`,
+          minWidth: `${e.width}px`,
+          height: `${e.height}px`
+        },
+        onMouseEnter: (s) => G(s, !0),
+        onMouseLeave: z,
+        title: c.resetSpeedTooltip,
+        children: Q ? `◀ ${ee}×` : `${ee}× ▶`
+      }
+    )
+  ] });
+  return /* @__PURE__ */ f.jsxs(
     "div",
     {
-      ref: p,
+      ref: v,
       style: {
-        display: g ? "flex" : "grid",
-        gridTemplateColumns: g ? void 0 : "1fr auto 1fr",
+        display: b ? "flex" : "grid",
+        gridTemplateColumns: b ? void 0 : "1fr auto 1fr",
         alignItems: "center",
         padding: "6px 16px",
-        backgroundColor: w.controlBarBackground,
-        borderBottom: `1px solid ${w.controlBarBorder}`,
+        backgroundColor: T.controlBarBackground,
+        borderBottom: `1px solid ${T.controlBarBorder}`,
         fontFamily: "system-ui, -apple-system, sans-serif"
       },
       children: [
-        /* @__PURE__ */ u.jsxs("div", { style: { display: "flex", alignItems: "center", gap: "8px", flexShrink: 0 }, children: [
-          /* @__PURE__ */ u.jsx(
+        /* @__PURE__ */ f.jsxs("div", { style: { display: "flex", alignItems: "center", gap: "8px", flexShrink: 0 }, children: [
+          /* @__PURE__ */ f.jsx(
             "div",
             {
-              onClick: ue,
-              title: ue ? A.dateTimeClickTooltip : void 0,
+              onClick: S ? void 0 : ce,
+              title: !S && ce ? c.dateTimeClickTooltip : void 0,
               style: {
-                color: w.labelColor,
+                color: T.labelColor,
                 fontFamily: "monospace",
                 lineHeight: 1.15,
-                cursor: ue ? "pointer" : "default",
+                cursor: !S && ce ? "pointer" : "default",
                 borderRadius: "4px",
                 padding: "2px 4px",
                 transition: "background 0.15s"
               },
               onMouseEnter: (s) => {
-                ue && (s.currentTarget.style.background = w.buttonHoverColor + "44");
+                !S && ce && (s.currentTarget.style.background = T.buttonHoverColor + "44");
               },
               onMouseLeave: (s) => s.currentTarget.style.background = "transparent",
               children: (() => {
-                const { timeFormat: s, dateFormat: V } = at(d), k = dt(F, _);
-                return /* @__PURE__ */ u.jsxs(u.Fragment, { children: [
-                  s && /* @__PURE__ */ u.jsx("div", { style: { fontSize: "2em", fontWeight: "bold", letterSpacing: "0.02em" }, children: We(F, s, _) }),
-                  V && /* @__PURE__ */ u.jsxs("div", { style: { display: "flex", alignItems: "center", gap: "6px" }, children: [
-                    /* @__PURE__ */ u.jsx("span", { style: { fontSize: "1.15em", letterSpacing: "0.03em", color: w.buttonActiveColor }, children: We(F, V, _) }),
-                    k && /* @__PURE__ */ u.jsx("span", { style: {
+                const { timeFormat: s, dateFormat: x } = pt(p), ue = gt(D, A);
+                return /* @__PURE__ */ f.jsxs(f.Fragment, { children: [
+                  s && /* @__PURE__ */ f.jsx("div", { style: { fontSize: "2em", fontWeight: "bold", letterSpacing: "0.02em" }, children: qe(D, s, A) }),
+                  x && /* @__PURE__ */ f.jsxs("div", { style: { display: "flex", alignItems: "center", gap: "6px" }, children: [
+                    /* @__PURE__ */ f.jsx("span", { style: { fontSize: "1.15em", letterSpacing: "0.03em", color: T.buttonActiveColor }, children: qe(D, x, A) }),
+                    ue && /* @__PURE__ */ f.jsx("span", { style: {
                       fontSize: "0.9em",
-                      color: w.labelColor,
+                      color: T.labelColor,
                       opacity: 0.7,
                       fontWeight: "bold",
                       letterSpacing: "0.04em"
-                    }, children: k })
+                    }, children: ue })
                   ] })
                 ] });
               })()
             }
           ),
-          /* @__PURE__ */ u.jsxs("div", { style: { display: "flex", flexDirection: "column", gap: "2px", justifyContent: "center" }, children: [
-            /* @__PURE__ */ u.jsx(
-              "button",
-              {
-                onClick: ie,
-                style: {
-                  ...C,
-                  fontSize: "11px",
-                  fontWeight: "bold",
-                  letterSpacing: "0.05em",
-                  width: "52px",
-                  minWidth: "52px",
-                  height: "20px",
-                  borderRadius: "3px",
-                  color: S ? w.controlBarBackground : w.buttonActiveColor,
-                  backgroundColor: S ? w.buttonActiveColor : "transparent",
-                  borderColor: w.buttonActiveColor,
-                  opacity: S ? 1 : 0.55
-                },
-                onMouseEnter: (s) => {
-                  s.currentTarget.style.opacity = "1";
-                },
-                onMouseLeave: (s) => {
-                  s.currentTarget.style.opacity = S ? "1" : "0.55";
-                },
-                title: S ? A.liveActiveTooltip : A.liveTooltip,
-                children: S ? A.liveActiveLabel : A.liveLabel
-              }
-            ),
-            /* @__PURE__ */ u.jsx("div", { style: { height: "20px", display: "flex", alignItems: "center" }, children: !ge && /* @__PURE__ */ u.jsx(
-              "button",
-              {
-                onClick: () => te(),
-                style: {
-                  ...C,
-                  fontSize: "11px",
-                  color: w.buttonActiveColor,
-                  borderColor: `${w.buttonActiveColor}44`,
-                  width: "52px",
-                  minWidth: "52px",
-                  height: "20px"
-                },
-                onMouseEnter: (s) => O(s, !0),
-                onMouseLeave: j,
-                title: A.resetSpeedTooltip,
-                children: B ? `◀ ${ce}×` : `${ce}× ▶`
-              }
-            ) })
-          ] })
+          y === "left" && a
         ] }),
-        /* @__PURE__ */ u.jsxs("div", { style: { display: "flex", alignItems: "center", gap: "2px", ...g ? { flex: 1, justifyContent: "center" } : {} }, children: [
-          de && /* @__PURE__ */ u.jsx(
+        /* @__PURE__ */ f.jsxs("div", { style: { display: "flex", alignItems: "center", gap: "2px", ...b ? { flex: 1, justifyContent: "center" } : {} }, children: [
+          !S && fe && /* @__PURE__ */ f.jsx(
             "button",
             {
-              onClick: W ? U : void 0,
-              disabled: !W,
-              style: { ...ee(!1), opacity: W ? 1 : 0.3, cursor: W ? "pointer" : "default" },
-              onMouseEnter: W ? (s) => O(s, !1) : void 0,
-              onMouseLeave: W ? j : void 0,
-              title: W ? A.jumpToStartTooltip : A.noStartTimeTooltip,
+              onClick: N ? ie : void 0,
+              disabled: !N,
+              style: { ...M(!1), opacity: N ? 1 : 0.3, cursor: N ? "pointer" : "default" },
+              onMouseEnter: N ? (s) => G(s, !1) : void 0,
+              onMouseLeave: N ? z : void 0,
+              title: N ? c.jumpToStartTooltip : c.noStartTimeTooltip,
               children: "⏮"
             }
           ),
-          /* @__PURE__ */ u.jsx(
+          !S && /* @__PURE__ */ f.jsx(
             "button",
             {
-              onClick: I,
-              style: { ...ee(B), width: "64px", minWidth: "64px", gap: "3px" },
-              onMouseEnter: (s) => O(s, B),
-              onMouseLeave: j,
-              title: B ? Be(A.rewindActiveTooltip, ce) : A.rewindTooltip,
-              children: B ? /* @__PURE__ */ u.jsxs(u.Fragment, { children: [
-                /* @__PURE__ */ u.jsxs("span", { style: { fontSize: "11px", fontWeight: "bold" }, children: [
-                  ce,
+              onClick: ne,
+              style: { ...M(Q), width: "64px", minWidth: "64px", gap: "3px" },
+              onMouseEnter: (s) => G(s, Q),
+              onMouseLeave: z,
+              title: Q ? Ge(c.rewindActiveTooltip, ee) : c.rewindTooltip,
+              children: Q ? /* @__PURE__ */ f.jsxs(f.Fragment, { children: [
+                /* @__PURE__ */ f.jsxs("span", { style: { fontSize: "11px", fontWeight: "bold" }, children: [
+                  ee,
                   "×"
                 ] }),
                 "◀◀"
               ] }) : "◀◀"
             }
           ),
-          /* @__PURE__ */ u.jsx(
+          !S && /* @__PURE__ */ f.jsx(
             "button",
             {
-              onClick: () => G(!X),
+              onClick: () => J(!L),
               style: {
-                ...C,
-                color: w.buttonActiveColor,
+                ...q,
+                color: T.buttonActiveColor,
                 fontSize: "18px",
                 width: "40px",
                 minWidth: "40px",
                 height: "40px",
-                borderColor: `${w.buttonActiveColor}55`,
+                borderColor: `${T.buttonActiveColor}55`,
                 borderRadius: "50%",
-                paddingLeft: X ? "0" : "2px"
+                paddingLeft: L ? "0" : "2px"
               },
-              onMouseEnter: (s) => O(s, !0),
-              onMouseLeave: j,
-              title: X ? A.pauseTooltip : B ? A.playFromRewindTooltip : A.playTooltip,
-              children: X ? /* @__PURE__ */ u.jsx(_t, {}) : "▶"
+              onMouseEnter: (s) => G(s, !0),
+              onMouseLeave: z,
+              title: L ? c.pauseTooltip : Q ? c.playFromRewindTooltip : c.playTooltip,
+              children: L ? /* @__PURE__ */ f.jsx(It, {}) : "▶"
             }
           ),
-          /* @__PURE__ */ u.jsx(
+          !S && /* @__PURE__ */ f.jsx(
             "button",
             {
-              onClick: se,
-              style: { ...ee(oe), width: "64px", minWidth: "64px", gap: "3px" },
-              onMouseEnter: (s) => O(s, oe),
-              onMouseLeave: j,
-              title: oe ? Be(A.fastForwardActiveTooltip, ce) : A.fastForwardTooltip,
-              children: oe ? /* @__PURE__ */ u.jsxs(u.Fragment, { children: [
+              onClick: ae,
+              style: { ...M(me), width: "64px", minWidth: "64px", gap: "3px" },
+              onMouseEnter: (s) => G(s, me),
+              onMouseLeave: z,
+              title: me ? Ge(c.fastForwardActiveTooltip, ee) : c.fastForwardTooltip,
+              children: me ? /* @__PURE__ */ f.jsxs(f.Fragment, { children: [
                 "▶▶",
-                /* @__PURE__ */ u.jsxs("span", { style: { fontSize: "11px", fontWeight: "bold" }, children: [
-                  ce,
+                /* @__PURE__ */ f.jsxs("span", { style: { fontSize: "11px", fontWeight: "bold" }, children: [
+                  ee,
                   "×"
                 ] })
               ] }) : "▶▶"
             }
           ),
-          H && /* @__PURE__ */ u.jsx(
+          !S && O && /* @__PURE__ */ f.jsx(
             "button",
             {
-              onClick: $ ? Z : void 0,
-              disabled: !$,
-              style: { ...ee(!1), opacity: $ ? 1 : 0.3, cursor: $ ? "pointer" : "default" },
-              onMouseEnter: $ ? (s) => O(s, !1) : void 0,
-              onMouseLeave: $ ? j : void 0,
-              title: $ ? A.jumpToEndTooltip : A.noEndTimeTooltip,
+              onClick: X ? W : void 0,
+              disabled: !X,
+              style: { ...M(!1), opacity: X ? 1 : 0.3, cursor: X ? "pointer" : "default" },
+              onMouseEnter: X ? (s) => G(s, !1) : void 0,
+              onMouseLeave: X ? z : void 0,
+              title: X ? c.jumpToEndTooltip : c.noEndTimeTooltip,
               children: "⏭"
             }
           )
         ] }),
-        !g && /* @__PURE__ */ u.jsx("div", { style: { display: "flex", justifyContent: "flex-end", alignItems: "center" }, children: Q != null && v != null && /* @__PURE__ */ u.jsx(
-          "button",
-          {
-            onClick: Q,
-            style: {
-              ...C,
-              color: w.buttonActiveColor,
-              borderColor: `${w.buttonActiveColor}33`
-            },
-            onMouseEnter: (s) => O(s, v),
-            onMouseLeave: j,
-            title: v ? A.collapseSwimLanesTooltip : A.expandSwimLanesTooltip,
-            children: v ? /* @__PURE__ */ u.jsx(Ve, {}) : /* @__PURE__ */ u.jsx(Ke, {})
-          }
-        ) }),
-        g && Q != null && v != null && /* @__PURE__ */ u.jsx(
+        !b && /* @__PURE__ */ f.jsxs("div", { style: { display: "flex", justifyContent: "flex-end", alignItems: "center", gap: "8px" }, children: [
+          y === "right" && a,
+          B != null && w != null && /* @__PURE__ */ f.jsx(
+            "button",
+            {
+              onClick: B,
+              style: {
+                ...q,
+                color: T.buttonActiveColor,
+                borderColor: `${T.buttonActiveColor}33`
+              },
+              onMouseEnter: (s) => G(s, w),
+              onMouseLeave: z,
+              title: w ? c.collapseSwimLanesTooltip : c.expandSwimLanesTooltip,
+              children: w ? /* @__PURE__ */ f.jsx(tt, {}) : /* @__PURE__ */ f.jsx(nt, {})
+            }
+          )
+        ] }),
+        b && B != null && w != null && /* @__PURE__ */ f.jsx(
           "button",
           {
-            onClick: Q,
+            onClick: B,
             style: {
-              ...C,
-              color: w.buttonActiveColor,
-              borderColor: `${w.buttonActiveColor}33`,
+              ...q,
+              color: T.buttonActiveColor,
+              borderColor: `${T.buttonActiveColor}33`,
               marginLeft: "4px"
             },
-            onMouseEnter: (s) => O(s, v),
-            onMouseLeave: j,
-            title: v ? A.collapseSwimLanesTooltip : A.expandSwimLanesTooltip,
-            children: v ? /* @__PURE__ */ u.jsx(Ve, {}) : /* @__PURE__ */ u.jsx(Ke, {})
+            onMouseEnter: (s) => G(s, w),
+            onMouseLeave: z,
+            title: w ? c.collapseSwimLanesTooltip : c.expandSwimLanesTooltip,
+            children: w ? /* @__PURE__ */ f.jsx(tt, {}) : /* @__PURE__ */ f.jsx(nt, {})
           }
         )
       ]
     }
   );
-}, et = st(
-  (F, X) => {
+}, ct = dt(
+  (D, L) => {
     const {
-      currentTime: K,
-      defaultStartMs: d,
-      defaultEndMs: _,
-      theme: S,
-      maxTicks: W,
-      timezone: $,
-      dateTimeFormat: de,
-      months: H,
-      onTimeChange: G,
-      onDragStart: U,
-      onDragEnd: I,
-      onRangeSelect: se,
-      swimLanes: Z,
-      showSwimLanes: ie,
-      onSwimLaneItemClick: te,
-      onSwimLaneItemHover: ue,
-      onSwimLaneItemDoubleClick: w,
-      onSwimLaneItemContextMenu: v,
-      onSwimLaneReorder: Q
-    } = F, M = x(null), B = x(S), oe = x(W), ge = x($), ce = x(de), A = x(H), p = x(d), g = x(_), L = x(D.JulianDate.toDate(K).getTime());
-    z(() => {
-      B.current = S;
-    }, [S]), z(() => {
-      oe.current = W;
-    }, [W]), z(() => {
-      ge.current = $, m();
-    }, [$]), z(() => {
-      ce.current = de, m();
-    }, [de]), z(() => {
-      A.current = H, m();
-    }, [H]);
-    const C = x(Z ?? []), ee = x(ie ?? (Z != null && Z.length > 0)), O = x(0), j = x(null), s = x(null), V = x(te), k = x(ue), t = x(w), f = x(v), b = x(Q);
-    z(() => {
-      V.current = te;
-    }, [te]), z(() => {
-      k.current = ue;
-    }, [ue]), z(() => {
-      t.current = w;
-    }, [w]), z(() => {
-      f.current = v;
-    }, [v]), z(() => {
-      b.current = Q;
-    }, [Q]), z(() => {
-      C.current = Z ?? [], m();
-    }, [Z]), z(() => {
-      ee.current = ie ?? (Z != null && Z.length > 0), m();
-    }, [ie, Z]);
-    const y = x(null), re = x(null), he = x(!1), J = x(0), E = x("none"), fe = x(0), Te = x(0), ke = x(0), Ce = x(0), Fe = x(0), xe = x(null), q = x(se);
-    z(() => {
-      q.current = se;
-    }, [se]);
-    const pe = x("none"), ve = x(0), ye = x(0), _e = x(0), je = x(0), Ie = (e, n) => Math.hypot(n.clientX - e.clientX, n.clientY - e.clientY), be = ae(() => ({
-      startMs: p.current,
-      endMs: g.current,
-      currentMs: L.current,
-      theme: B.current,
-      maxTicks: oe.current,
-      timezone: ge.current,
-      use12h: /h/.test(ce.current ?? ""),
-      months: A.current,
-      swimLanes: C.current,
-      showSwimLanes: ee.current,
-      scrollTop: O.current,
-      reorderState: s.current,
-      rangeSelection: xe.current
+      currentTime: $,
+      defaultStartMs: p,
+      defaultEndMs: A,
+      theme: j,
+      maxTicks: N,
+      timezone: X,
+      dateTimeFormat: fe,
+      months: O,
+      onTimeChange: J,
+      onDragStart: ie,
+      onDragEnd: ne,
+      onRangeSelect: ae,
+      swimLanes: W,
+      showSwimLanes: oe,
+      onSwimLaneItemClick: H,
+      onSwimLaneItemHover: ce,
+      onSwimLaneItemDoubleClick: T,
+      onSwimLaneItemContextMenu: w,
+      onSwimLaneReorder: B,
+      disableNeedleDrag: K,
+      invertScrollZoom: U
+    } = D, y = h(null), S = h(j), Q = h(N), me = h(X), Te = h(fe), ee = h(O), c = h(p), v = h(A), b = h(R.JulianDate.toDate($).getTime());
+    _(() => {
+      S.current = j;
+    }, [j]), _(() => {
+      Q.current = N;
+    }, [N]), _(() => {
+      me.current = X, g();
+    }, [X]), _(() => {
+      Te.current = fe, g();
+    }, [fe]), _(() => {
+      ee.current = O, g();
+    }, [O]);
+    const re = h(K ?? !1);
+    _(() => {
+      re.current = K ?? !1;
+    }, [K]);
+    const q = h(U ?? !1);
+    _(() => {
+      q.current = U ?? !1;
+    }, [U]);
+    const M = h(W ?? []), G = h(oe ?? (W != null && W.length > 0)), z = h(0), e = h(null), a = h(null), s = h(H), x = h(ce), ue = h(T), pe = h(w), E = h(B);
+    _(() => {
+      s.current = H;
+    }, [H]), _(() => {
+      x.current = ce;
+    }, [ce]), _(() => {
+      ue.current = T;
+    }, [T]), _(() => {
+      pe.current = w;
+    }, [w]), _(() => {
+      E.current = B;
+    }, [B]), _(() => {
+      M.current = W ?? [], g();
+    }, [W]), _(() => {
+      G.current = oe ?? (W != null && W.length > 0), g();
+    }, [oe, W]);
+    const Z = h(null), te = h(null), Me = h(!1), Xe = h(0), k = h("none"), xe = h(0), ye = h(0), Oe = h(0), _e = h(0), Je = h(0), ve = h(null), Y = h(ae);
+    _(() => {
+      Y.current = ae;
+    }, [ae]);
+    const be = h(null), he = h("none"), ge = h(0), De = h(0), Le = h(0), je = h(0), Ne = (t, n) => Math.hypot(n.clientX - t.clientX, n.clientY - t.clientY), we = de(() => ({
+      startMs: c.current,
+      endMs: v.current,
+      currentMs: b.current,
+      theme: S.current,
+      maxTicks: Q.current,
+      timezone: me.current,
+      use12h: /h/.test(Te.current ?? ""),
+      months: ee.current,
+      swimLanes: M.current,
+      showSwimLanes: G.current,
+      scrollTop: z.current,
+      reorderState: a.current,
+      rangeSelection: ve.current,
+      hoverMs: be.current
     }), []);
-    it(X, () => ({
-      zoomTo(e, n, r) {
-        const a = Math.max(vt, Math.min(bt, n - e)), o = (e + n) / 2;
-        p.current = o - a / 2, g.current = o + a / 2, r !== void 0 && (L.current = r), m();
+    ft(L, () => ({
+      zoomTo(t, n, o) {
+        const l = Math.max(Rt, Math.min(Et, n - t)), r = (t + n) / 2;
+        c.current = r - l / 2, v.current = r + l / 2, o !== void 0 && (b.current = o), g();
       },
       getVisibleRange() {
-        return { startMs: p.current, endMs: g.current };
+        return { startMs: c.current, endMs: v.current };
       },
-      startFollow(e) {
-        if (J.current = e, re.current !== null) return;
-        he.current = !0;
+      startFollow(t) {
+        if (Xe.current = t, te.current !== null) return;
+        Me.current = !0;
         let n = performance.now();
-        const r = () => {
-          const a = performance.now(), o = a - n;
-          n = a;
-          const c = o * J.current;
-          p.current += c, g.current += c, L.current += c, m(), re.current = requestAnimationFrame(r);
+        const o = () => {
+          const l = performance.now(), r = l - n;
+          n = l;
+          const i = r * Xe.current;
+          c.current += i, v.current += i, b.current += i, g(), te.current = requestAnimationFrame(o);
         };
-        re.current = requestAnimationFrame(r);
+        te.current = requestAnimationFrame(o);
       },
       stopFollow() {
-        he.current = !1, re.current !== null && (cancelAnimationFrame(re.current), re.current = null);
+        Me.current = !1, te.current !== null && (cancelAnimationFrame(te.current), te.current = null);
       },
-      correctFollow(e) {
-        if (!he.current) return;
-        const n = e - L.current;
-        L.current = e, p.current += n, g.current += n;
+      correctFollow(t) {
+        if (!Me.current) return;
+        const n = t - b.current;
+        b.current = t, c.current += n, v.current += n;
       },
       // ── Swim lane CRUD ──────────────────────────────────────────────
-      appendSwimLane(e) {
-        C.current = [...C.current, e], m();
+      appendSwimLane(t) {
+        M.current = [...M.current, t], g();
       },
-      updateSwimLane(e, n) {
-        C.current = C.current.map(
-          (r) => r.id === e ? { ...r, ...n, id: r.id } : r
-        ), m();
+      updateSwimLane(t, n) {
+        M.current = M.current.map(
+          (o) => o.id === t ? { ...o, ...n, id: o.id } : o
+        ), g();
       },
-      removeSwimLane(e) {
-        C.current = C.current.filter((n) => n.id !== e), m();
+      removeSwimLane(t) {
+        M.current = M.current.filter((n) => n.id !== t), g();
       },
-      reorderSwimLanes(e) {
-        const n = new Map(C.current.map((a) => [a.id, a])), r = [];
-        for (const a of e) {
-          const o = n.get(a);
-          o && r.push(o);
+      reorderSwimLanes(t) {
+        const n = new Map(M.current.map((l) => [l.id, l])), o = [];
+        for (const l of t) {
+          const r = n.get(l);
+          r && o.push(r);
         }
-        C.current = r, m();
+        M.current = o, g();
       }
     }));
-    const m = ae(() => {
-      const e = M.current;
-      if (!e) return;
-      const n = e.getContext("2d");
+    const g = de(() => {
+      const t = y.current;
+      if (!t) return;
+      const n = t.getContext("2d");
       if (!n) return;
-      const r = e.getBoundingClientRect(), a = r.width, o = r.height;
-      if (a === 0 || o === 0) return;
-      const c = window.devicePixelRatio || 1, h = Math.round(a * c), l = Math.round(o * c);
-      (e.width !== h || e.height !== l) && (e.width = h, e.height = l), n.save(), n.scale(c, c);
-      const T = ft(n, a, o, be());
-      T !== O.current && (O.current = T), n.restore();
-    }, [be]);
-    ut(() => {
-      m();
-      const e = M.current;
-      if (!e) return;
-      const n = new ResizeObserver(() => m());
-      return n.observe(e), () => n.disconnect();
-    }, [m]), z(() => {
-      if (he.current) return;
-      const e = D.JulianDate.toDate(K).getTime();
-      L.current !== e && (L.current = e, m());
-    }, [K, m]);
-    const we = ae((e) => {
-      if (y.current !== null) return;
+      const o = t.getBoundingClientRect(), l = o.width, r = o.height;
+      if (l === 0 || r === 0) return;
+      const i = window.devicePixelRatio || 1, d = Math.round(l * i), m = Math.round(r * i);
+      (t.width !== d || t.height !== m) && (t.width = d, t.height = m), n.save(), n.scale(i, i);
+      const C = xt(n, l, r, we());
+      C !== z.current && (z.current = C), n.restore();
+    }, [we]);
+    mt(() => {
+      g();
+      const t = y.current;
+      if (!t) return;
+      const n = new ResizeObserver(() => g());
+      return n.observe(t), () => n.disconnect();
+    }, [g]), _(() => {
+      if (Me.current) return;
+      const t = R.JulianDate.toDate($).getTime();
+      b.current !== t && (b.current = t, g());
+    }, [$, g]);
+    const Re = de((t) => {
+      if (Z.current !== null) return;
       const n = () => {
-        const r = M.current, a = g.current - p.current, o = e * a * 0.01;
-        if (p.current += o, g.current += o, r) {
-          const c = r.getBoundingClientRect(), h = Math.max(0, Math.min(c.width, Te.current - c.left)), l = p.current + h / c.width * (g.current - p.current);
-          L.current = l, G(D.JulianDate.fromDate(new Date(l)));
+        const o = y.current, l = v.current - c.current, r = t * l * 0.01;
+        if (c.current += r, v.current += r, o) {
+          const i = o.getBoundingClientRect(), d = Math.max(0, Math.min(i.width, ye.current - i.left)), m = c.current + d / i.width * (v.current - c.current);
+          b.current = m, J(R.JulianDate.fromDate(new Date(m)));
         }
-        m(), y.current = requestAnimationFrame(n);
+        g(), Z.current = requestAnimationFrame(n);
       };
-      y.current = requestAnimationFrame(n);
-    }, [m, G]), Me = ae(() => {
-      y.current !== null && (cancelAnimationFrame(y.current), y.current = null);
-    }, []), i = ae((e, n, r, a) => pt(e, n, r, a, be()), [be]), R = ae((e, n, r) => mt(e, n, r, be()), [be]), P = ae((e, n) => ht(e, n, be()), [be]), le = ae((e) => {
-      e.preventDefault();
-      const n = e.currentTarget.getBoundingClientRect(), r = e.clientX - n.left, a = e.clientY - n.top;
-      if (e.button === 0 && b.current) {
-        const o = R(r, a, n.height);
-        if (o) {
-          const h = C.current.findIndex((l) => l.id === o.id);
-          s.current = {
+      Z.current = requestAnimationFrame(n);
+    }, [g, J]), Ee = de(() => {
+      Z.current !== null && (cancelAnimationFrame(Z.current), Z.current = null);
+    }, []), u = de((t, n, o, l) => vt(t, n, o, l, we()), [we]), I = de((t, n, o) => bt(t, n, o, we()), [we]), P = de((t, n) => wt(t, n, we()), [we]), le = de((t) => {
+      t.preventDefault();
+      const n = t.currentTarget.getBoundingClientRect(), o = t.clientX - n.left, l = t.clientY - n.top;
+      if (t.button === 0 && E.current) {
+        const r = I(o, l, n.height);
+        if (r) {
+          const d = M.current.findIndex((m) => m.id === r.id);
+          a.current = {
             dragging: !0,
-            dragLaneId: o.id,
-            dragStartY: e.clientY,
-            currentY: e.clientY,
-            insertIndex: h
-          }, e.currentTarget.style.cursor = "grabbing";
+            dragLaneId: r.id,
+            dragStartY: t.clientY,
+            currentY: t.clientY,
+            insertIndex: d
+          }, t.currentTarget.style.cursor = "grabbing";
           return;
         }
       }
-      if (e.button === 0 && P(a, n.height)) {
-        const o = (L.current - p.current) / (g.current - p.current) * n.width;
-        if (!(Math.abs(r - o) <= 10) && i(r, a, n.width, n.height)) {
-          ke.current = performance.now();
+      if (t.button === 0 && P(l, n.height)) {
+        const r = (b.current - c.current) / (v.current - c.current) * n.width;
+        if (!(Math.abs(o - r) <= 10) && u(o, l, n.width, n.height)) {
+          Oe.current = performance.now();
           return;
         }
       }
-      if (e.button === 0) {
-        const o = (L.current - p.current) / (g.current - p.current) * n.width, c = Math.abs(r - o) <= 10, h = a >= n.height - Oe;
-        if (!c && h)
-          E.current = "rangeSelectPending", Fe.current = r, Ce.current = p.current + r / n.width * (g.current - p.current), e.currentTarget.style.cursor = "crosshair", U == null || U();
+      if (t.button === 0) {
+        if (re.current) {
+          k.current = "slide", xe.current = t.clientX;
+          return;
+        }
+        const r = (b.current - c.current) / (v.current - c.current) * n.width, i = Math.abs(o - r) <= 10, d = l >= n.height - $e;
+        if (!i && d)
+          k.current = "rangeSelectPending", Je.current = o, _e.current = c.current + o / n.width * (v.current - c.current), t.currentTarget.style.cursor = "crosshair", ie?.();
         else {
-          E.current = "scrub", Te.current = e.clientX, e.currentTarget.style.cursor = "grabbing", U == null || U();
-          const l = p.current + r / n.width * (g.current - p.current);
-          L.current = l, m(), G(D.JulianDate.fromDate(new Date(l)));
+          k.current = "scrub", ye.current = t.clientX, t.currentTarget.style.cursor = "grabbing", ie?.();
+          const m = c.current + o / n.width * (v.current - c.current);
+          b.current = m, g(), J(R.JulianDate.fromDate(new Date(m)));
         }
-      } else if (e.button === 1)
-        E.current = "slide", fe.current = e.clientX;
-      else if (e.button === 2) {
-        if (f.current && P(a, n.height))
+      } else if (t.button === 1)
+        k.current = "slide", xe.current = t.clientX;
+      else if (t.button === 2) {
+        if (pe.current && P(l, n.height))
           return;
-        E.current = "zoom", fe.current = e.clientX;
+        k.current = "zoom", xe.current = t.clientX;
       }
-    }, [m, G, U, R, P, i]);
-    z(() => {
-      const e = (r) => {
-        const a = s.current;
-        if (a && a.dragging) {
-          a.currentY = r.clientY;
-          const l = M.current;
-          if (l) {
-            const T = l.getBoundingClientRect(), Y = r.clientY - T.top;
-            let Re = -O.current;
-            const Je = C.current;
-            let Ye = Je.length;
-            for (let Pe = 0; Pe < Je.length; Pe++) {
-              const ze = Je[Pe].height ?? $e, ot = Re + ze / 2;
-              if (Y < ot) {
-                Ye = Pe;
+    }, [g, J, ie, I, P, u]);
+    _(() => {
+      const t = (o) => {
+        const l = a.current;
+        if (l && l.dragging) {
+          l.currentY = o.clientY;
+          const m = y.current;
+          if (m) {
+            const C = m.getBoundingClientRect(), se = o.clientY - C.top;
+            let Be = -z.current;
+            const We = M.current;
+            let He = We.length;
+            for (let ze = 0; ze < We.length; ze++) {
+              const Ue = We[ze].height ?? Ve, ut = Be + Ue / 2;
+              if (se < ut) {
+                He = ze;
                 break;
               }
-              Re += ze + He;
+              Be += Ue + Ze;
             }
-            a.insertIndex = Ye;
+            l.insertIndex = He;
           }
-          m();
+          g();
           return;
         }
-        if (E.current === "none") return;
-        const o = M.current;
-        if (!o) return;
-        const c = o.getBoundingClientRect(), h = c.width;
-        if (E.current === "scrub") {
-          Te.current = r.clientX;
-          const l = r.clientX - c.left, T = h * 0.08;
-          l < T ? we(-1) : l > h - T ? we(1) : Me();
-          const Y = Math.max(0, Math.min(h, l)), me = p.current + Y / h * (g.current - p.current);
-          L.current = me, m(), G(D.JulianDate.fromDate(new Date(me)));
-        } else if (E.current === "rangeSelectPending" || E.current === "rangeSelect") {
-          const l = r.clientX - c.left, T = Math.abs(l - Fe.current);
-          if (E.current === "rangeSelectPending" && T >= 3 && (E.current = "rangeSelect"), E.current === "rangeSelect") {
-            const Y = Math.max(0, Math.min(h, l)), me = p.current + Y / h * (g.current - p.current);
-            xe.current = {
-              startMs: Ce.current,
-              endMs: me
-            }, m();
+        if (k.current === "none") return;
+        const r = y.current;
+        if (!r) return;
+        const i = r.getBoundingClientRect(), d = i.width;
+        if (k.current === "scrub") {
+          ye.current = o.clientX;
+          const m = o.clientX - i.left, C = d * 0.08;
+          m < C ? Re(-1) : m > d - C ? Re(1) : Ee();
+          const se = Math.max(0, Math.min(d, m)), ke = c.current + se / d * (v.current - c.current);
+          b.current = ke, g(), J(R.JulianDate.fromDate(new Date(ke)));
+        } else if (k.current === "rangeSelectPending" || k.current === "rangeSelect") {
+          const m = o.clientX - i.left, C = Math.abs(m - Je.current);
+          if (k.current === "rangeSelectPending" && C >= 3 && (k.current = "rangeSelect"), k.current === "rangeSelect") {
+            const se = Math.max(0, Math.min(d, m)), ke = c.current + se / d * (v.current - c.current);
+            ve.current = {
+              startMs: _e.current,
+              endMs: ke
+            }, g();
           }
-        } else if (E.current === "slide") {
-          const l = fe.current - r.clientX;
-          if (fe.current = r.clientX, l !== 0) {
-            const T = l / h * (g.current - p.current);
-            p.current += T, g.current += T, m();
+        } else if (k.current === "slide") {
+          const m = xe.current - o.clientX;
+          if (xe.current = o.clientX, m !== 0) {
+            const C = m / d * (v.current - c.current);
+            c.current += C, v.current += C, g();
           }
-        } else if (E.current === "zoom") {
-          const l = fe.current - r.clientX;
-          fe.current = r.clientX, l !== 0 && N(Math.pow(1.01, l));
+        } else if (k.current === "zoom") {
+          const m = xe.current - o.clientX;
+          xe.current = o.clientX, m !== 0 && F(Math.pow(1.01, m));
         }
       }, n = () => {
-        var a, o;
-        const r = s.current;
-        if (r && r.dragging) {
-          const c = Math.abs(r.currentY - r.dragStartY), h = C.current, l = h.findIndex((T) => T.id === r.dragLaneId);
-          if (c > 5 && l >= 0 && r.insertIndex !== l && r.insertIndex !== l + 1) {
-            const T = [...h], [Y] = T.splice(l, 1), me = r.insertIndex > l ? r.insertIndex - 1 : r.insertIndex;
-            T.splice(me, 0, Y), C.current = T, (a = b.current) == null || a.call(b, T.map((Re) => Re.id));
+        const o = a.current;
+        if (o && o.dragging) {
+          const l = Math.abs(o.currentY - o.dragStartY), r = M.current, i = r.findIndex((d) => d.id === o.dragLaneId);
+          if (l > 5 && i >= 0 && o.insertIndex !== i && o.insertIndex !== i + 1) {
+            const d = [...r], [m] = d.splice(i, 1), C = o.insertIndex > i ? o.insertIndex - 1 : o.insertIndex;
+            d.splice(C, 0, m), M.current = d, E.current?.(d.map((se) => se.id));
           }
-          s.current = null, M.current && (M.current.style.cursor = "default"), m();
+          a.current = null, y.current && (y.current.style.cursor = "default"), g();
           return;
         }
-        if (Me(), E.current === "rangeSelectPending") {
-          L.current = Ce.current, xe.current = null, E.current = "none", M.current && (M.current.style.cursor = "default"), m(), G(D.JulianDate.fromDate(new Date(Ce.current))), I == null || I();
+        if (Ee(), k.current === "rangeSelectPending") {
+          b.current = _e.current, ve.current = null, k.current = "none", y.current && (y.current.style.cursor = "default"), g(), J(R.JulianDate.fromDate(new Date(_e.current))), ne?.();
           return;
         }
-        if (E.current === "rangeSelect") {
-          const c = xe.current;
-          if (xe.current = null, c) {
-            const h = Math.min(c.startMs, c.endMs), l = Math.max(c.startMs, c.endMs);
-            p.current = h, g.current = l;
-            const T = D.JulianDate.fromDate(new Date(h)), Y = D.JulianDate.fromDate(new Date(l));
-            (o = q.current) == null || o.call(q, T, Y);
+        if (k.current === "rangeSelect") {
+          const l = ve.current;
+          if (ve.current = null, l) {
+            const r = Math.min(l.startMs, l.endMs), i = Math.max(l.startMs, l.endMs);
+            c.current = r, v.current = i;
+            const d = Math.max(r, Math.min(i, b.current));
+            d !== b.current && (b.current = d, J(R.JulianDate.fromDate(new Date(d))));
+            const m = R.JulianDate.fromDate(new Date(r)), C = R.JulianDate.fromDate(new Date(i));
+            Y.current?.(m, C);
           }
-          E.current = "none", M.current && (M.current.style.cursor = "default"), m(), I == null || I();
+          k.current = "none", y.current && (y.current.style.cursor = "default"), g(), ne?.();
           return;
         }
-        E.current = "none", M.current && (M.current.style.cursor = "default"), I == null || I();
+        k.current = "none", y.current && (y.current.style.cursor = "default"), ne?.();
       };
-      return document.addEventListener("mousemove", e), document.addEventListener("mouseup", n), () => {
-        document.removeEventListener("mousemove", e), document.removeEventListener("mouseup", n);
+      return document.addEventListener("mousemove", t), document.addEventListener("mouseup", n), () => {
+        document.removeEventListener("mousemove", t), document.removeEventListener("mouseup", n);
       };
-    }, [m, G, I, we, Me]);
-    const N = ae((e) => {
-      const n = gt(p.current, g.current, e);
-      p.current = n.startMs, g.current = n.endMs, m();
-    }, [m]), ne = ae((e) => {
-      e.preventDefault();
-      const n = M.current;
+    }, [g, J, ne, Re, Ee]);
+    const F = de((t) => {
+      const n = Tt(c.current, v.current, t);
+      c.current = n.startMs, v.current = n.endMs, g();
+    }, [g]), V = de((t) => {
+      t.preventDefault();
+      const n = y.current;
       if (!n) return;
-      const r = n.getBoundingClientRect(), a = e.clientY - r.top, o = ee.current, c = C.current;
-      if (o && c.length > 0) {
-        const h = Math.max(0, r.height - Oe);
-        if (a >= 0 && a < h) {
-          let l = 0;
-          for (const Y of c) l += (Y.height ?? $e) + He;
-          const T = Math.max(0, l - h);
-          if (T > 0) {
-            O.current = Math.max(0, Math.min(T, O.current + e.deltaY * xt)), m();
+      const o = n.getBoundingClientRect(), l = t.clientY - o.top, r = G.current, i = M.current;
+      if (r && i.length > 0) {
+        const d = Math.max(0, o.height - $e);
+        if (l >= 0 && l < d) {
+          let m = 0;
+          for (const se of i) m += (se.height ?? Ve) + Ze;
+          const C = Math.max(0, m - d);
+          if (C > 0) {
+            z.current = Math.max(0, Math.min(C, z.current + t.deltaY * Mt)), g();
             return;
           }
         }
       }
-      N(Math.pow(1.05, e.deltaY > 0 ? -1 : 1));
-    }, [N, m]);
-    z(() => {
-      const e = M.current;
-      if (e)
-        return e.addEventListener("wheel", ne, { passive: !1 }), () => e.removeEventListener("wheel", ne);
-    }, [ne]), z(() => {
-      const e = M.current;
-      if (!e) return;
-      const n = (o) => {
-        o.preventDefault();
-        const c = e.getBoundingClientRect();
-        if (o.touches.length === 1) {
-          const h = o.touches[0].clientX - c.left, l = Math.max(0, Math.min(c.width, h)), T = p.current + l / c.width * (g.current - p.current);
-          je.current = L.current, pe.current = "scrub", ve.current = o.touches[0].clientX, Te.current = o.touches[0].clientX, L.current = T, m(), U == null || U(), G(D.JulianDate.fromDate(new Date(T)));
-        } else o.touches.length >= 2 && (pe.current === "scrub" && (L.current = je.current, m(), G(D.JulianDate.fromDate(new Date(je.current)))), pe.current = "pinch", ye.current = Ie(o.touches[0], o.touches[1]), _e.current = (o.touches[0].clientX + o.touches[1].clientX) / 2 - c.left);
-      }, r = (o) => {
-        o.preventDefault();
-        const c = e.getBoundingClientRect();
-        if (pe.current === "scrub" && o.touches.length >= 1) {
-          const h = o.touches[0].clientX - c.left, l = c.width * 0.08;
-          if (Te.current = o.touches[0].clientX, h < l) we(-1);
-          else if (h > c.width - l) we(1);
+      F(Math.pow(1.05, t.deltaY > 0 === q.current ? -1 : 1));
+    }, [F, g]);
+    _(() => {
+      const t = y.current;
+      if (t)
+        return t.addEventListener("wheel", V, { passive: !1 }), () => t.removeEventListener("wheel", V);
+    }, [V]), _(() => {
+      const t = y.current;
+      if (!t) return;
+      const n = (r) => {
+        r.preventDefault();
+        const i = t.getBoundingClientRect();
+        if (r.touches.length === 1) {
+          const d = r.touches[0].clientX - i.left, m = Math.max(0, Math.min(i.width, d)), C = c.current + m / i.width * (v.current - c.current);
+          je.current = b.current, re.current ? (he.current = "slide", ge.current = r.touches[0].clientX) : (he.current = "scrub", ge.current = r.touches[0].clientX, ye.current = r.touches[0].clientX, b.current = C, g(), ie?.(), J(R.JulianDate.fromDate(new Date(C))));
+        } else r.touches.length >= 2 && (he.current === "scrub" && (b.current = je.current, g(), J(R.JulianDate.fromDate(new Date(je.current)))), he.current = "pinch", De.current = Ne(r.touches[0], r.touches[1]), Le.current = (r.touches[0].clientX + r.touches[1].clientX) / 2 - i.left);
+      }, o = (r) => {
+        r.preventDefault();
+        const i = t.getBoundingClientRect();
+        if (he.current === "scrub" && r.touches.length >= 1) {
+          const d = r.touches[0].clientX - i.left, m = i.width * 0.08;
+          if (ye.current = r.touches[0].clientX, d < m) Re(-1);
+          else if (d > i.width - m) Re(1);
           else {
-            Me();
-            const T = Math.max(0, Math.min(c.width, h)), Y = p.current + T / c.width * (g.current - p.current);
-            L.current = Y, m(), G(D.JulianDate.fromDate(new Date(Y)));
+            Ee();
+            const C = Math.max(0, Math.min(i.width, d)), se = c.current + C / i.width * (v.current - c.current);
+            b.current = se, g(), J(R.JulianDate.fromDate(new Date(se)));
           }
-        } else if (pe.current === "slide" && o.touches.length >= 1) {
-          const h = ve.current - o.touches[0].clientX;
-          if (ve.current = o.touches[0].clientX, h !== 0) {
-            const l = h / c.width * (g.current - p.current);
-            p.current += l, g.current += l, m();
+        } else if (he.current === "slide" && r.touches.length >= 1) {
+          const d = ge.current - r.touches[0].clientX;
+          if (ge.current = r.touches[0].clientX, d !== 0) {
+            const m = d / i.width * (v.current - c.current);
+            c.current += m, v.current += m, g();
           }
-        } else if (pe.current === "pinch" && o.touches.length >= 2) {
-          const h = Ie(o.touches[0], o.touches[1]), l = (o.touches[0].clientX + o.touches[1].clientX) / 2 - c.left;
-          if (h > 0 && ye.current > 0) {
-            const T = p.current + _e.current / c.width * (g.current - p.current), Y = Tt(p.current, g.current, ye.current / h, T);
-            p.current = Y.startMs, g.current = Y.endMs, m();
+        } else if (he.current === "pinch" && r.touches.length >= 2) {
+          const d = Ne(r.touches[0], r.touches[1]), m = (r.touches[0].clientX + r.touches[1].clientX) / 2 - i.left;
+          if (d > 0 && De.current > 0) {
+            const C = c.current + Le.current / i.width * (v.current - c.current), se = yt(c.current, v.current, De.current / d, C);
+            c.current = se.startMs, v.current = se.endMs, g();
           }
-          ye.current = h, _e.current = l;
+          De.current = d, Le.current = m;
         }
-      }, a = (o) => {
-        Me(), pe.current === "scrub" && (I == null || I()), o.touches.length === 0 ? pe.current = "none" : o.touches.length === 1 && (pe.current = "slide", ve.current = o.touches[0].clientX);
+      }, l = (r) => {
+        Ee(), he.current === "scrub" && ne?.(), r.touches.length === 0 ? he.current = "none" : r.touches.length === 1 && (he.current = "slide", ge.current = r.touches[0].clientX);
       };
-      return e.addEventListener("touchstart", n, { passive: !1 }), e.addEventListener("touchmove", r, { passive: !1 }), e.addEventListener("touchend", a, { passive: !1 }), () => {
-        e.removeEventListener("touchstart", n), e.removeEventListener("touchmove", r), e.removeEventListener("touchend", a);
+      return t.addEventListener("touchstart", n, { passive: !1 }), t.addEventListener("touchmove", o, { passive: !1 }), t.addEventListener("touchend", l, { passive: !1 }), () => {
+        t.removeEventListener("touchstart", n), t.removeEventListener("touchmove", o), t.removeEventListener("touchend", l);
       };
-    }, [m, U, I, G, N, we, Me]);
-    const Ee = ae((e) => {
-      var h, l, T;
-      if (E.current !== "none") return;
-      const n = e.currentTarget.getBoundingClientRect(), r = e.clientX - n.left, a = e.clientY - n.top, o = (L.current - p.current) / (g.current - p.current) * n.width, c = Math.abs(r - o) <= 10;
-      if (P(a, n.height)) {
-        const Y = i(r, a, n.width, n.height), me = j.current;
-        if (Y)
-          e.currentTarget.style.cursor = c ? "grab" : "pointer", (!me || me.item.id !== Y.item.id || me.lane.id !== Y.lane.id) && (j.current = Y, (h = k.current) == null || h.call(k, { laneId: Y.lane.id, item: Y.item, originalEvent: e.nativeEvent }), m());
-        else if (me && (j.current = null, (l = k.current) == null || l.call(k, null), m()), c)
-          e.currentTarget.style.cursor = "grab";
+    }, [g, ie, ne, J, F, Re, Ee]);
+    const Se = de((t) => {
+      const n = t.currentTarget.getBoundingClientRect(), o = t.clientX - n.left, l = t.clientY - n.top;
+      if (k.current === "none")
+        if (re.current)
+          be.current !== null && (be.current = null);
+        else {
+          const d = c.current + Math.max(0, Math.min(n.width, o)) / n.width * (v.current - c.current);
+          be.current !== d && (be.current = d);
+        }
+      if (k.current !== "none") {
+        be.current = null;
+        return;
+      }
+      const r = (b.current - c.current) / (v.current - c.current) * n.width, i = !re.current && Math.abs(o - r) <= 10;
+      if (P(l, n.height)) {
+        const d = u(o, l, n.width, n.height), m = e.current;
+        if (d)
+          t.currentTarget.style.cursor = i ? "grab" : "pointer", (!m || m.item.id !== d.item.id || m.lane.id !== d.lane.id) && (e.current = d, x.current?.({ laneId: d.lane.id, item: d.item, originalEvent: t.nativeEvent }));
+        else if (m && (e.current = null, x.current?.(null)), i)
+          t.currentTarget.style.cursor = "grab";
         else {
-          const Re = R(r, a, n.height);
-          e.currentTarget.style.cursor = Re && b.current ? "grab" : "default";
+          const C = I(o, l, n.height);
+          t.currentTarget.style.cursor = C && E.current ? "grab" : "default";
         }
+        g();
         return;
       }
-      j.current && (j.current = null, (T = k.current) == null || T.call(k, null), m()), c ? e.currentTarget.style.cursor = "grab" : a >= n.height - Oe ? e.currentTarget.style.cursor = "crosshair" : e.currentTarget.style.cursor = "default";
-    }, [m, i, P, R]), tt = ae((e) => {
-      var h;
-      if (performance.now() - ke.current > 300) return;
-      const r = e.currentTarget.getBoundingClientRect(), a = e.clientX - r.left, o = e.clientY - r.top, c = i(a, o, r.width, r.height);
-      c && ((h = V.current) == null || h.call(V, { laneId: c.lane.id, item: c.item, originalEvent: e.nativeEvent }));
-    }, [i]), nt = ae((e) => {
-      var c;
-      const n = e.currentTarget.getBoundingClientRect(), r = e.clientX - n.left, a = e.clientY - n.top, o = i(r, a, n.width, n.height);
-      o && ((c = t.current) == null || c.call(t, { laneId: o.lane.id, item: o.item, originalEvent: e.nativeEvent }));
-    }, [i]), rt = ae((e) => {
-      const n = e.currentTarget.getBoundingClientRect(), r = e.clientX - n.left, a = e.clientY - n.top, o = i(r, a, n.width, n.height);
-      o && f.current ? (e.preventDefault(), f.current({ laneId: o.lane.id, item: o.item, originalEvent: e.nativeEvent })) : e.preventDefault();
-    }, [i]);
-    return z(() => () => {
-      y.current !== null && cancelAnimationFrame(y.current), re.current !== null && cancelAnimationFrame(re.current);
-    }, []), /* @__PURE__ */ u.jsx(
+      e.current && (e.current = null, x.current?.(null)), i ? t.currentTarget.style.cursor = "grab" : !re.current && l >= n.height - $e ? t.currentTarget.style.cursor = "crosshair" : t.currentTarget.style.cursor = "default", g();
+    }, [g, u, P, I]), st = de((t) => {
+      if (performance.now() - Oe.current > 300) return;
+      const o = t.currentTarget.getBoundingClientRect(), l = t.clientX - o.left, r = t.clientY - o.top, i = u(l, r, o.width, o.height);
+      i && s.current?.({ laneId: i.lane.id, item: i.item, originalEvent: t.nativeEvent });
+    }, [u]), it = de((t) => {
+      const n = t.currentTarget.getBoundingClientRect(), o = t.clientX - n.left, l = t.clientY - n.top, r = u(o, l, n.width, n.height);
+      r && ue.current?.({ laneId: r.lane.id, item: r.item, originalEvent: t.nativeEvent });
+    }, [u]), at = de((t) => {
+      const n = t.currentTarget.getBoundingClientRect(), o = t.clientX - n.left, l = t.clientY - n.top, r = u(o, l, n.width, n.height);
+      r && pe.current ? (t.preventDefault(), pe.current({ laneId: r.lane.id, item: r.item, originalEvent: t.nativeEvent })) : t.preventDefault();
+    }, [u]);
+    return _(() => () => {
+      Z.current !== null && cancelAnimationFrame(Z.current), te.current !== null && cancelAnimationFrame(te.current);
+    }, []), /* @__PURE__ */ f.jsx(
       "canvas",
       {
-        ref: M,
+        ref: y,
         style: { width: "100%", flex: 1, minHeight: 0, display: "block", cursor: "default" },
         onMouseDown: le,
-        onMouseMove: Ee,
-        onClick: tt,
-        onDoubleClick: nt,
+        onMouseMove: Se,
+        onClick: st,
+        onDoubleClick: it,
         onMouseLeave: () => {
-          var e;
-          j.current && (j.current = null, (e = k.current) == null || e.call(k, null), m()), E.current === "none" && M.current && (M.current.style.cursor = "default");
+          e.current && (e.current = null, x.current?.(null)), be.current = null, k.current === "none" && y.current && (y.current.style.cursor = "default"), g();
         },
-        onContextMenu: rt
+        onContextMenu: at
       }
     );
   }
 );
-et.displayName = "TimelineCanvas";
-const Ze = [2, 4, 8, 16, 32, 100, 1], Qe = [1, 2, 4, 8, 16, 32, 100], kt = ({
-  startTime: F,
-  endTime: X,
-  currentTime: K,
-  clock: d,
-  onTimeChange: _,
-  onPlayPause: S,
-  onMultiplierChange: W,
-  height: $,
-  showControls: de = !0,
-  showJumpToStart: H,
-  showJumpToEnd: G,
-  enableDrag: U = !0,
-  dateTimeFormat: I,
-  onDateTimeClick: se,
-  jumpToTime: Z,
-  maxTicks: ie,
-  ffSpeeds: te = Ze,
-  rwSpeeds: ue = Qe,
-  theme: w,
-  className: v,
-  timezone: Q,
-  swimLanes: M,
-  showSwimLanes: B,
-  onShowSwimLanesChange: oe,
-  swimLaneTransition: ge = "animated",
-  onSwimLaneItemClick: ce,
-  onSwimLaneItemHover: A,
-  onSwimLaneItemDoubleClick: p,
-  onSwimLaneItemContextMenu: g,
-  onSwimLaneReorder: L,
-  onRangeSelect: C,
-  labels: ee
+ct.displayName = "TimelineCanvas";
+const rt = [2, 4, 8, 16, 32, 100, 1], ot = [1, 2, 4, 8, 16, 32, 100], Jt = ({
+  startTime: D,
+  endTime: L,
+  currentTime: $,
+  clock: p,
+  onTimeChange: A,
+  onPlayPause: j,
+  onMultiplierChange: N,
+  height: X,
+  showControls: fe = !0,
+  showJumpToStart: O,
+  showJumpToEnd: J,
+  enableDrag: ie = !0,
+  dateTimeFormat: ne,
+  onDateTimeClick: ae,
+  jumpToTime: W,
+  maxTicks: oe,
+  ffSpeeds: H = rt,
+  rwSpeeds: ce = ot,
+  theme: T,
+  className: w,
+  timezone: B,
+  swimLanes: K,
+  showSwimLanes: U,
+  onShowSwimLanesChange: y,
+  swimLaneTransition: S = "animated",
+  onSwimLaneItemClick: Q,
+  onSwimLaneItemHover: me,
+  onSwimLaneItemDoubleClick: Te,
+  onSwimLaneItemContextMenu: ee,
+  onSwimLaneReorder: c,
+  onRangeSelect: v,
+  labels: b,
+  liveButtonSize: re,
+  liveButtonPosition: q,
+  live: M,
+  invertScrollZoom: G
 }) => {
-  const O = () => Date.now(), j = F ? D.JulianDate.toDate(De(F)).getTime() : O() - 432e5, s = X ? D.JulianDate.toDate(De(X)).getTime() : O() + 12 * 3600 * 1e3, [V, k] = Ae(
-    () => De(K ?? F ?? D.JulianDate.fromDate(/* @__PURE__ */ new Date()))
-  ), [t, f] = Ae((d == null ? void 0 : d.shouldAnimate) ?? !1), [b, y] = Ae((d == null ? void 0 : d.multiplier) ?? 1), [re, he] = Ae(B ?? !0);
-  z(() => {
-    B != null && he(B);
-  }, [B]);
-  const J = () => {
-    const i = !re;
-    he(i), oe == null || oe(i);
-  }, E = M != null && M.length > 0, fe = x(null), [Te, ke] = Ae(0);
-  z(() => {
-    const i = fe.current;
-    if (!i) return;
-    const R = new ResizeObserver(([P]) => ke(P.borderBoxSize[0].blockSize));
-    return R.observe(i), () => R.disconnect();
-  }, [de]);
-  const Fe = E && !re ? `${Te + Oe}px` : $ != null ? `${$}px` : "100%", xe = x(!1), q = x(null), pe = { ...wt, ...w };
-  z(() => {
-    if (!d) return;
-    const i = () => {
-      if (!xe.current) {
-        const R = D.JulianDate.clone(d.currentTime);
-        if (k(R), f(d.shouldAnimate), y(d.multiplier), q.current) {
-          const { startMs: P, endMs: le } = q.current.getVisibleRange(), N = le - P, ne = D.JulianDate.toDate(R).getTime(), Ee = ne - P;
-          Ee <= N * 0.1 ? q.current.zoomTo(ne - N * 0.1, ne + N * 0.9, ne) : Ee >= N * 0.9 && q.current.zoomTo(ne - N * 0.9, ne + N * 0.1, ne);
+  const z = () => Date.now(), e = Fe(
+    () => D ? R.JulianDate.toDate(Ce(D)).getTime() : z() - 432e5,
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [D]
+  ), a = Fe(
+    () => L ? R.JulianDate.toDate(Ce(L)).getTime() : z() + 12 * 3600 * 1e3,
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [L]
+  ), [s, x] = Ae(
+    () => Ce($ ?? D ?? R.JulianDate.fromDate(/* @__PURE__ */ new Date()))
+  ), [ue, pe] = Ae(p?.shouldAnimate ?? !1), [E, Z] = Ae(p?.multiplier ?? 1), [te, Me] = Ae(U ?? !0);
+  _(() => {
+    U != null && Me(U);
+  }, [U]);
+  const Xe = () => {
+    const u = !te;
+    Me(u), y?.(u);
+  }, k = K != null && K.length > 0, xe = h(null), [ye, Oe] = Ae(0);
+  _(() => {
+    const u = xe.current;
+    if (!u) return;
+    const I = new ResizeObserver(([P]) => Oe(P.borderBoxSize[0].blockSize));
+    return I.observe(u), () => I.disconnect();
+  }, [fe]);
+  const Je = k && !te ? `${ye + $e}px` : X != null ? `${X}px` : "100%", ve = h(!1), Y = h(null), be = { ...Dt, ...T };
+  _(() => {
+    if (!p) return;
+    const u = () => {
+      if (!ve.current) {
+        const I = R.JulianDate.clone(p.currentTime);
+        if (x(I), pe(p.shouldAnimate), Z(p.multiplier), Y.current) {
+          const { startMs: P, endMs: le } = Y.current.getVisibleRange(), F = le - P, V = R.JulianDate.toDate(I).getTime(), Se = V - P;
+          Se <= F * 0.1 ? Y.current.zoomTo(V - F * 0.1, V + F * 0.9, V) : Se >= F * 0.9 && Y.current.zoomTo(V - F * 0.9, V + F * 0.1, V);
         }
       }
     };
-    return d.onTick.addEventListener(i), () => {
-      d.onTick.removeEventListener(i);
+    return p.onTick.addEventListener(u), () => {
+      p.onTick.removeEventListener(u);
     };
-  }, [d]), z(() => {
-    if (d) return;
-    const i = setInterval(() => {
-      if (xe.current) return;
-      const R = D.JulianDate.fromDate(/* @__PURE__ */ new Date());
-      if (k(R), q.current) {
-        const { startMs: P, endMs: le } = q.current.getVisibleRange(), N = le - P, ne = D.JulianDate.toDate(R).getTime(), Ee = ne - P;
-        Ee <= N * 0.1 ? q.current.zoomTo(ne - N * 0.1, ne + N * 0.9, ne) : Ee >= N * 0.9 && q.current.zoomTo(ne - N * 0.9, ne + N * 0.1, ne);
+  }, [p]), _(() => {
+    if (p) return;
+    const u = setInterval(() => {
+      if (ve.current) return;
+      const I = R.JulianDate.fromDate(/* @__PURE__ */ new Date());
+      if (x(I), Y.current) {
+        const { startMs: P, endMs: le } = Y.current.getVisibleRange(), F = le - P, V = R.JulianDate.toDate(I).getTime(), Se = V - P;
+        Se <= F * 0.1 ? Y.current.zoomTo(V - F * 0.1, V + F * 0.9, V) : Se >= F * 0.9 && Y.current.zoomTo(V - F * 0.9, V + F * 0.1, V);
       }
     }, 1e3);
-    return () => clearInterval(i);
-  }, [d]), z(() => {
-    if (!Z) return;
-    const i = De(Z);
-    if (ye(i), q.current) {
-      const { startMs: R, endMs: P } = q.current.getVisibleRange(), le = P - R, N = D.JulianDate.toDate(i).getTime();
-      q.current.zoomTo(N - le / 2, N + le / 2);
+    return () => clearInterval(u);
+  }, [p]), _(() => {
+    if (!W || M) return;
+    const u = Ce(W);
+    if (De(u), Y.current) {
+      const { startMs: I, endMs: P } = Y.current.getVisibleRange(), le = P - I, F = R.JulianDate.toDate(u).getTime();
+      Y.current.zoomTo(F - le / 2, F + le / 2);
+    }
+  }, [W]);
+  const he = h(!0);
+  _(() => {
+    if (he.current) {
+      he.current = !1;
+      return;
     }
-  }, [Z]);
-  const ve = (i, R = !0) => {
-    d && (d.multiplier = i, R && (d.shouldAnimate = !0)), y(i), R && f(!0), W == null || W(i);
-  }, ye = (i) => {
-    k(i), d && (d.currentTime = D.JulianDate.clone(i)), _ == null || _(i);
-  }, _e = (i) => {
-    i && b < 0 && ve(1, !1), d && (d.shouldAnimate = i), f(i), S == null || S(i);
+    D != null && L != null && Y.current?.zoomTo(e, a);
+  }, [e, a]);
+  const ge = (u, I = !0) => {
+    p && (p.multiplier = u, I && (p.shouldAnimate = !0)), Z(u), I && pe(!0), N?.(u);
+  }, De = (u) => {
+    x(u), p && (p.currentTime = R.JulianDate.clone(u)), A?.(u);
+  }, Le = (u) => {
+    u && E < 0 && ge(1, !1), p && (p.shouldAnimate = u), pe(u), j?.(u);
   }, je = () => {
-    const i = te.length > 0 ? te : Ze, R = b > 1 ? b : 1, P = i.indexOf(R), le = i[P < 0 || P === i.length - 1 ? 0 : P + 1];
-    ve(le);
-  }, Ie = () => {
-    const i = ue.length > 0 ? ue : Qe, R = b < 0 ? Math.abs(b) : 0, P = i.indexOf(R), le = -i[P < 0 || P === i.length - 1 ? 0 : P + 1];
-    ve(le);
-  }, be = () => {
-    var R;
-    const i = De(F ?? D.JulianDate.fromDate(new Date(j)));
-    d && (d.currentTime = D.JulianDate.clone(i)), k(i), (R = q.current) == null || R.zoomTo(j, s);
-  }, m = () => {
-    var R;
-    const i = De(X ?? D.JulianDate.fromDate(new Date(s)));
-    d && (d.currentTime = D.JulianDate.clone(i)), k(i), (R = q.current) == null || R.zoomTo(j, s);
+    const u = H.length > 0 ? H : rt, I = E > 1 ? E : 1, P = u.indexOf(I), le = u[P < 0 || P === u.length - 1 ? 0 : P + 1];
+    ge(le);
+  }, Ne = () => {
+    const u = ce.length > 0 ? ce : ot, I = E < 0 ? Math.abs(E) : 0, P = u.indexOf(I), le = -u[P < 0 || P === u.length - 1 ? 0 : P + 1];
+    ge(le);
   }, we = () => {
-    const i = D.JulianDate.fromDate(/* @__PURE__ */ new Date());
-    d && (d.currentTime = D.JulianDate.clone(i)), k(i), ve(1);
-    const R = Date.now();
-    if (q.current) {
-      const { startMs: P, endMs: le } = q.current.getVisibleRange(), N = le - P;
-      q.current.zoomTo(R - N / 2, R + N / 2);
+    const u = Ce(D ?? R.JulianDate.fromDate(new Date(e)));
+    p && (p.currentTime = R.JulianDate.clone(u)), x(u), Y.current?.zoomTo(e, a);
+  }, g = () => {
+    const u = Ce(L ?? R.JulianDate.fromDate(new Date(a)));
+    p && (p.currentTime = R.JulianDate.clone(u)), x(u), Y.current?.zoomTo(e, a);
+  }, Re = () => {
+    const u = R.JulianDate.fromDate(/* @__PURE__ */ new Date());
+    p && (p.currentTime = R.JulianDate.clone(u)), x(u), ge(1);
+    const I = Date.now();
+    if (Y.current) {
+      const { startMs: P, endMs: le } = Y.current.getVisibleRange(), F = le - P;
+      Y.current.zoomTo(I - F / 2, I + F / 2);
     }
-  }, Me = Math.abs(D.JulianDate.toDate(V).getTime() - Date.now()) < 1e4;
-  return /* @__PURE__ */ u.jsxs(
+  }, Ee = Math.abs(R.JulianDate.toDate(s).getTime() - Date.now()) < 2e3;
+  return /* @__PURE__ */ f.jsxs(
     "div",
     {
-      className: v,
+      className: w,
       style: {
         width: "100%",
-        height: Fe,
+        height: Je,
         overflow: "hidden",
         display: "flex",
         flexDirection: "column",
         fontFamily: "system-ui, -apple-system, sans-serif",
-        transition: ge === "animated" ? "height 0.2s ease" : void 0
+        transition: S === "animated" ? "height 0.2s ease" : void 0
       },
       children: [
-        de && /* @__PURE__ */ u.jsx("div", { ref: fe, children: /* @__PURE__ */ u.jsx(
-          jt,
+        fe && /* @__PURE__ */ f.jsx("div", { ref: xe, children: /* @__PURE__ */ f.jsx(
+          Ft,
           {
-            currentTime: V,
-            isPlaying: t,
-            multiplier: b,
-            isLive: Me,
-            hasStartTime: F != null,
-            hasEndTime: X != null,
-            showJumpToStart: H,
-            showJumpToEnd: G,
-            onPlayPause: _e,
-            onJumpToStart: be,
-            onRewind: Ie,
+            currentTime: s,
+            isPlaying: ue,
+            multiplier: E,
+            isLive: Ee,
+            hasStartTime: D != null,
+            hasEndTime: L != null,
+            showJumpToStart: O,
+            showJumpToEnd: J,
+            onPlayPause: Le,
+            onJumpToStart: we,
+            onRewind: Ne,
             onFastForward: je,
-            onJumpToEnd: m,
-            onJumpToLive: we,
-            onResetSpeed: () => ve(1),
-            onDateTimeClick: se,
-            dateTimeFormat: I,
-            timezone: Q,
-            theme: pe,
-            swimLanesVisible: E ? re : void 0,
-            onToggleSwimLanes: E ? J : void 0,
-            labels: ee
+            onJumpToEnd: g,
+            onJumpToLive: Re,
+            onResetSpeed: () => ge(1),
+            onDateTimeClick: ae,
+            dateTimeFormat: ne,
+            timezone: B,
+            theme: be,
+            swimLanesVisible: k ? te : void 0,
+            onToggleSwimLanes: k ? Xe : void 0,
+            labels: b,
+            liveButtonSize: re,
+            liveButtonPosition: q,
+            live: M
           }
         ) }),
-        U !== !1 && /* @__PURE__ */ u.jsx(
-          et,
+        (ie !== !1 || M) && /* @__PURE__ */ f.jsx(
+          ct,
           {
-            ref: q,
-            currentTime: V,
-            defaultStartMs: j,
-            defaultEndMs: s,
-            theme: pe,
-            maxTicks: ie,
-            timezone: Q,
-            dateTimeFormat: I,
-            months: ee == null ? void 0 : ee.months,
-            onTimeChange: ye,
+            ref: Y,
+            currentTime: s,
+            defaultStartMs: e,
+            defaultEndMs: a,
+            theme: be,
+            maxTicks: oe,
+            timezone: B,
+            dateTimeFormat: ne,
+            months: b?.months,
+            onTimeChange: De,
             onDragStart: () => {
-              xe.current = !0;
+              ve.current = !0;
             },
             onDragEnd: () => {
-              xe.current = !1;
+              ve.current = !1;
             },
-            swimLanes: M,
-            showSwimLanes: re,
-            onSwimLaneItemClick: ce,
-            onSwimLaneItemHover: A,
-            onSwimLaneItemDoubleClick: p,
-            onSwimLaneItemContextMenu: g,
-            onSwimLaneReorder: L,
-            onRangeSelect: C
+            disableNeedleDrag: !!M,
+            invertScrollZoom: G,
+            swimLanes: K,
+            showSwimLanes: te,
+            onSwimLaneItemClick: Q,
+            onSwimLaneItemHover: me,
+            onSwimLaneItemDoubleClick: Te,
+            onSwimLaneItemContextMenu: ee,
+            onSwimLaneReorder: c,
+            onRangeSelect: v
           }
         )
       ]
     }
   );
-}, Ft = ({
-  startTime: F,
-  endTime: X,
-  currentTime: K,
-  width: d,
-  height: _,
-  tickInterval: S,
-  showLabels: W,
-  snapToTicks: $,
-  enableDrag: de,
-  theme: H,
-  onTimeChange: G,
-  onVisibleRangeChange: U,
-  onDragStart: I,
-  onDragEnd: se
+}, Nt = ({
+  startTime: D,
+  endTime: L,
+  currentTime: $,
+  width: p,
+  height: A,
+  tickInterval: j,
+  showLabels: N,
+  snapToTicks: X,
+  enableDrag: fe,
+  theme: O,
+  onTimeChange: J,
+  onVisibleRangeChange: ie,
+  onDragStart: ne,
+  onDragEnd: ae
 }) => {
-  const Z = Ne(
-    () => Mt(F, X, S, d),
-    [F, X, S, d]
-  ), ie = Ne(
-    () => yt(K, F, X, d),
-    [K, F, X, d]
-  ), te = x(null), ue = (v) => {
-    if (!de) return;
-    const Q = v.currentTarget.getBoundingClientRect(), M = v.clientX - Q.left, B = Math.max(0, Math.min(d, M));
-    if (!(Math.abs(B - ie) <= 10)) {
-      let j = B;
-      $ && (j = Et(B, Z, 10));
-      const s = new Date(F).getTime(), V = new Date(X).getTime();
-      G(D.JulianDate.fromDate(new Date(s + j / d * (V - s))));
+  const W = Fe(
+    () => St(D, L, j, p),
+    [D, L, j, p]
+  ), oe = Fe(
+    () => Ct($, D, L, p),
+    [$, D, L, p]
+  ), H = h(null), ce = (w) => {
+    if (!fe) return;
+    const B = w.currentTarget.getBoundingClientRect(), K = w.clientX - B.left, U = Math.max(0, Math.min(p, K));
+    if (!(Math.abs(U - oe) <= 10)) {
+      let q = U;
+      X && (q = At(U, W, 10));
+      const M = new Date(D).getTime(), G = new Date(L).getTime();
+      J(R.JulianDate.fromDate(new Date(M + q / p * (G - M))));
       return;
     }
-    I == null || I();
-    const ge = v.clientX, ce = new Date(K).getTime(), A = new Date(F).getTime(), g = (new Date(X).getTime() - A) / d;
-    let L = 0, C = !1;
-    const ee = (j) => {
-      L = j.clientX - ge, C = !0, te.current || (te.current = requestAnimationFrame(() => {
-        if (C) {
-          const s = ce + L * g;
-          G(D.JulianDate.fromDate(new Date(s))), C = !1;
+    ne?.();
+    const S = w.clientX, Q = new Date($).getTime(), me = new Date(D).getTime(), ee = (new Date(L).getTime() - me) / p;
+    let c = 0, v = !1;
+    const b = (q) => {
+      c = q.clientX - S, v = !0, H.current || (H.current = requestAnimationFrame(() => {
+        if (v) {
+          const M = Q + c * ee;
+          J(R.JulianDate.fromDate(new Date(M))), v = !1;
         }
-        te.current = null;
+        H.current = null;
       }));
-    }, O = () => {
-      document.removeEventListener("mousemove", ee), document.removeEventListener("mouseup", O), te.current !== null && (cancelAnimationFrame(te.current), te.current = null), se == null || se();
+    }, re = () => {
+      document.removeEventListener("mousemove", b), document.removeEventListener("mouseup", re), H.current !== null && (cancelAnimationFrame(H.current), H.current = null), ae?.();
     };
-    document.addEventListener("mousemove", ee), document.addEventListener("mouseup", O);
-  }, w = (v) => {
-    v.preventDefault();
-    const Q = v.shiftKey ? v.deltaY : v.deltaX !== 0 ? v.deltaX : v.deltaY;
-    if (Math.abs(Q) < 1) return;
-    const M = new Date(F).getTime(), B = new Date(X).getTime(), oe = Q / d * (B - M) * 0.5;
-    U == null || U(
-      D.JulianDate.fromDate(new Date(M + oe)),
-      D.JulianDate.fromDate(new Date(B + oe))
+    document.addEventListener("mousemove", b), document.addEventListener("mouseup", re);
+  }, T = (w) => {
+    w.preventDefault();
+    const B = w.shiftKey ? w.deltaY : w.deltaX !== 0 ? w.deltaX : w.deltaY;
+    if (Math.abs(B) < 1) return;
+    const K = new Date(D).getTime(), U = new Date(L).getTime(), y = B / p * (U - K) * 0.5;
+    ie?.(
+      R.JulianDate.fromDate(new Date(K + y)),
+      R.JulianDate.fromDate(new Date(U + y))
     );
   };
-  return /* @__PURE__ */ u.jsxs(
+  return /* @__PURE__ */ f.jsxs(
     "svg",
     {
       width: "100%",
-      height: _,
-      style: { backgroundColor: H.backgroundColor, display: "block", cursor: "default" },
-      onMouseDown: ue,
-      onWheel: w,
+      height: A,
+      style: { backgroundColor: O.backgroundColor, display: "block", cursor: "default" },
+      onMouseDown: ce,
+      onWheel: T,
       children: [
-        /* @__PURE__ */ u.jsx("rect", { width: d, height: _, fill: H.backgroundColor }),
-        Z.map((v, Q) => /* @__PURE__ */ u.jsxs("g", { children: [
-          /* @__PURE__ */ u.jsx(
+        /* @__PURE__ */ f.jsx("rect", { width: p, height: A, fill: O.backgroundColor }),
+        W.map((w, B) => /* @__PURE__ */ f.jsxs("g", { children: [
+          /* @__PURE__ */ f.jsx(
             "line",
             {
-              x1: v.position,
-              y1: _ - (v.isMajor ? H.majorTickHeight : H.minorTickHeight),
-              x2: v.position,
-              y2: _,
-              stroke: v.isMajor ? H.majorTickColor : H.tickColor,
+              x1: w.position,
+              y1: A - (w.isMajor ? O.majorTickHeight : O.minorTickHeight),
+              x2: w.position,
+              y2: A,
+              stroke: w.isMajor ? O.majorTickColor : O.tickColor,
               strokeWidth: "1"
             }
           ),
-          W && v.isMajor && v.label && /* @__PURE__ */ u.jsx(
+          N && w.isMajor && w.label && /* @__PURE__ */ f.jsx(
             "text",
             {
-              x: v.position,
-              y: _ - H.majorTickHeight - 5,
+              x: w.position,
+              y: A - O.majorTickHeight - 5,
               textAnchor: "middle",
-              fill: H.labelColor,
-              fontSize: H.fontSize,
+              fill: O.labelColor,
+              fontSize: O.fontSize,
               fontFamily: "monospace",
-              children: v.label
+              children: w.label
             }
           )
-        ] }, Q)),
-        /* @__PURE__ */ u.jsx(
+        ] }, B)),
+        /* @__PURE__ */ f.jsx(
           "line",
           {
-            x1: ie,
+            x1: oe,
             y1: 0,
-            x2: ie,
-            y2: _,
-            stroke: H.indicatorColor,
-            strokeWidth: H.indicatorLineWidth,
+            x2: oe,
+            y2: A,
+            stroke: O.indicatorColor,
+            strokeWidth: O.indicatorLineWidth,
             pointerEvents: "none"
           }
         ),
-        de && /* @__PURE__ */ u.jsx(
+        fe && /* @__PURE__ */ f.jsx(
           "rect",
           {
-            x: Math.max(0, ie - 10),
+            x: Math.max(0, oe - 10),
             y: 0,
             width: 20,
-            height: _,
+            height: A,
             fill: "transparent",
             style: { cursor: "ew-resize" },
             pointerEvents: "visiblePainted"
           }
         ),
-        /* @__PURE__ */ u.jsx("circle", { cx: ie, cy: 5, r: 4, fill: H.indicatorColor, pointerEvents: "none" })
+        /* @__PURE__ */ f.jsx("circle", { cx: oe, cy: 5, r: 4, fill: O.indicatorColor, pointerEvents: "none" })
       ]
     }
   );
 };
 export {
-  Ot as TICK_AREA_HEIGHT,
-  kt as Timeline,
-  et as TimelineCanvas,
-  jt as TimelineControls,
-  Ft as TimelineSVG
+  Wt as TICK_AREA_HEIGHT,
+  Jt as Timeline,
+  ct as TimelineCanvas,
+  Ft as TimelineControls,
+  Nt as TimelineSVG
 };