@kteneyck/cesium-timeline-react 0.9.0 → 0.10.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 We, useRef as x, useState as Se, useEffect as I, forwardRef as dt, useCallback as he, useImperativeHandle as ft, useLayoutEffect as ht } from "react";
+import * as A from "cesium";
+import { DEFAULT_LABELS as pt, splitForDisplay as mt, getTimezoneAbbr as gt, formatDateTime as Ue, resolveLabel as qe, drawTimeline as xt, hitTestSwimLane as vt, hitTestLaneLabel as bt, isInSwimLaneRegion as wt, TICK_AREA_HEIGHT as Ye, zoomRange as Tt, DEFAULT_LANE_HEIGHT as Ge, LANE_GAP as Ve, SWIM_LANE_SCROLL_SPEED as Mt, MIN_SPAN_MS as yt, MAX_SPAN_MS as Et, zoomAroundMs as Rt, toJulianDate as _e, defaultTheme as Dt, generateTicks as At, timeToPosition as Ct, snapToTick as _t } 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 ze = { exports: {} }, Fe = {};
 /**
  * @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 Ze;
+function St() {
+  if (Ze) return Fe;
+  Ze = 1;
+  var j = Symbol.for("react.transitional.element"), X = Symbol.for("react.fragment");
+  function H(h, C, _) {
+    var O = null;
+    if (_ !== void 0 && (O = "" + _), C.key !== void 0 && (O = "" + C.key), "key" in C) {
+      _ = {};
+      for (var J in C)
+        J !== "key" && (_[J] = C[J]);
+    } else _ = C;
+    return C = _.ref, {
+      $$typeof: j,
+      type: h,
+      key: O,
+      ref: C !== void 0 ? C : null,
+      props: _
     };
   }
-  return Se.Fragment = X, Se.jsx = K, Se.jsxs = K, Se;
+  return Fe.Fragment = X, Fe.jsx = H, Fe.jsxs = H, Fe;
 }
-var Le = {};
+var Ie = {};
 /**
  * @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 Ke;
+function jt() {
+  return Ke || (Ke = 1, process.env.NODE_ENV !== "production" && (function() {
+    function j(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 V:
           return "Fragment";
-        case w:
+        case y:
           return "Profiler";
-        case ue:
+        case de:
           return "StrictMode";
-        case B:
+        case Z:
           return "Suspense";
-        case oe:
+        case D:
           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 le:
             return "Portal";
-          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;
+          case q:
+            return e.displayName || "Context";
+          case T:
+            return (e._context.displayName || "Context") + ".Consumer";
+          case ne:
+            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 : j(e.type) || "Memo";
+          case re:
+            a = e._payload, e = e._init;
             try {
-              return F(t(f));
+              return j(e(a));
             } catch {
             }
         }
       return null;
     }
-    function X(t) {
-      return "" + t;
+    function X(e) {
+      return "" + e;
     }
-    function K(t) {
+    function H(e) {
       try {
-        X(t);
-        var f = !1;
+        X(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, p = 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);
+          p
+        ), X(e);
       }
     }
-    function d(t) {
-      if (t === te) return "<>";
-      if (typeof t == "object" && t !== null && t.$$typeof === ce)
+    function h(e) {
+      if (e === V) return "<>";
+      if (typeof e == "object" && e !== null && e.$$typeof === re)
         return "<...>";
       try {
-        var f = F(t);
-        return f ? "<" + f + ">" : "<...>";
+        var a = j(e);
+        return a ? "<" + a + ">" : "<...>";
       } catch {
         return "<...>";
       }
     }
-    function _() {
-      var t = g.A;
-      return t === null ? null : t.getOwner();
+    function C() {
+      var e = oe.A;
+      return e === null ? null : e.getOwner();
     }
-    function S() {
+    function _() {
       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 O(e) {
+      if (o.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 J(e, a) {
+      function s() {
+        ie || (ie = !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 pe() {
+      var e = j(this.type);
+      return K[e] || (K[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 N(e, a, s, p, ue, ge) {
+      var R = s.ref;
+      return e = {
+        $$typeof: U,
+        type: e,
+        key: a,
+        props: s,
+        _owner: p
+      }, (R !== void 0 ? R : 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: pe
+      }) : 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: ge
+      }), 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 z(e, a, s, p, ue, ge) {
+      var R = a.children;
+      if (R !== void 0)
+        if (p)
+          if (v(R)) {
+            for (p = 0; p < R.length; p++)
+              Y(R[p]);
+            Object.freeze && Object.freeze(R);
           } 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 Y(R);
+      if (o.call(a, "key")) {
+        R = j(e);
+        var ee = 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(
+        p = 0 < ee.length ? "{key: someKey, " + ee.join(": ..., ") + ": ...}" : "{key: someKey}", W[R + p] || (ee = 0 < ee.length ? "{" + ee.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,
-          E,
-          J
-        ), k[J + y] = !0);
+          p,
+          R,
+          ee,
+          R
+        ), W[R + p] = !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 (R = null, s !== void 0 && (H(s), R = "" + s), O(a) && (H(a.key), R = "" + a.key), "key" in a) {
+        s = {};
+        for (var ce in a)
+          ce !== "key" && (s[ce] = a[ce]);
+      } else s = a;
+      return R && J(
+        s,
+        typeof e == "function" ? e.displayName || e.name || "Unknown" : e
+      ), N(
+        e,
+        R,
+        s,
+        C(),
+        ue,
+        ge
       );
     }
-    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 Y(e) {
+      k(e) ? e._store && (e._store.validated = 1) : typeof e == "object" && e !== null && e.$$typeof === re && (e._payload.status === "fulfilled" ? k(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 k(e) {
+      return typeof e == "object" && e !== null && e.$$typeof === U;
     }
-    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 se = lt, U = Symbol.for("react.transitional.element"), le = Symbol.for("react.portal"), V = Symbol.for("react.fragment"), de = Symbol.for("react.strict_mode"), y = Symbol.for("react.profiler"), T = Symbol.for("react.consumer"), q = Symbol.for("react.context"), ne = Symbol.for("react.forward_ref"), Z = Symbol.for("react.suspense"), D = Symbol.for("react.suspense_list"), S = Symbol.for("react.memo"), re = Symbol.for("react.lazy"), me = Symbol.for("react.activity"), Te = Symbol.for("react.client.reference"), oe = se.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, o = Object.prototype.hasOwnProperty, v = Array.isArray, b = console.createTask ? console.createTask : function() {
       return null;
     };
     se = {
-      react_stack_bottom_frame: function(t) {
-        return t();
+      react_stack_bottom_frame: function(e) {
+        return e();
       }
     };
-    var O, j = {}, s = se.react_stack_bottom_frame.bind(
+    var ie, K = {}, E = 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,
+      _
+    )(), Q = b(h(_)), W = {};
+    Ie.Fragment = V, Ie.jsx = function(e, a, s) {
+      var p = 1e4 > oe.recentlyCreatedOwnerStacks++;
+      return z(
+        e,
+        a,
+        s,
         !1,
-        y ? Error("react-stack-top-frame") : s,
-        y ? ee(d(t)) : V
+        p ? Error("react-stack-top-frame") : E,
+        p ? b(h(e)) : Q
       );
-    }, Le.jsxs = function(t, f, b) {
-      var y = 1e4 > g.recentlyCreatedOwnerStacks++;
-      return G(
-        t,
-        f,
-        b,
+    }, Ie.jsxs = function(e, a, s) {
+      var p = 1e4 > oe.recentlyCreatedOwnerStacks++;
+      return z(
+        e,
+        a,
+        s,
         !0,
-        y ? Error("react-stack-top-frame") : s,
-        y ? ee(d(t)) : V
+        p ? Error("react-stack-top-frame") : E,
+        p ? b(h(e)) : Q
       );
     };
-  })()), Le;
+  })()), Ie;
 }
-var Ge;
-function At() {
-  return Ge || (Ge = 1, process.env.NODE_ENV === "production" ? Xe.exports = Rt() : Xe.exports = Dt()), Xe.exports;
+var Qe;
+function Lt() {
+  return Qe || (Qe = 1, process.env.NODE_ENV === "production" ? ze.exports = St() : ze.exports = jt()), ze.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: [
+var u = Lt();
+const kt = 520, Ft = () => /* @__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,
+] }), et = () => /* @__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" }) }), tt = () => /* @__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" }) }), It = {
+  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" }
+}, Xt = ({
+  currentTime: j,
   isPlaying: X,
-  multiplier: K,
-  dateTimeFormat: d,
-  timezone: _,
-  isLive: S,
-  hasStartTime: W,
-  hasEndTime: $,
-  showJumpToStart: de = !0,
-  showJumpToEnd: H = !0,
-  onPlayPause: G,
-  onJumpToStart: U,
-  onRewind: I,
+  multiplier: H,
+  dateTimeFormat: h,
+  timezone: C,
+  isLive: _,
+  hasStartTime: O,
+  hasEndTime: J,
+  showJumpToStart: pe = !0,
+  showJumpToEnd: N = !0,
+  onPlayPause: z,
+  onJumpToStart: Y,
+  onRewind: k,
   onFastForward: se,
-  onJumpToEnd: Z,
-  onJumpToLive: ie,
-  onResetSpeed: te,
-  onDateTimeClick: ue,
-  theme: w,
-  swimLanesVisible: v,
-  onToggleSwimLanes: Q,
-  labels: M
+  onJumpToEnd: U,
+  onJumpToLive: le,
+  onResetSpeed: V,
+  onDateTimeClick: de,
+  theme: y,
+  swimLanesVisible: T,
+  onToggleSwimLanes: q,
+  labels: ne,
+  liveButtonSize: Z = "md",
+  liveButtonPosition: D = "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 re = H < 0, me = H > 1, Te = H === 1, oe = Math.abs(H), o = We(
+    () => ({ ...pt, ...ne }),
+    [ne]
+  ), v = x(null), [b, ie] = Se(!1);
+  I(() => {
+    const s = v.current;
     if (!s) return;
-    const V = new ResizeObserver(([k]) => {
-      L(k.contentRect.width < Ct);
+    const p = new ResizeObserver(([ue]) => {
+      ie(ue.contentRect.width < kt);
     });
-    return V.observe(s), () => V.disconnect();
+    return p.observe(s), () => p.disconnect();
   }, []);
-  const C = {
+  const K = {
     background: "none",
     border: "1px solid transparent",
     cursor: "pointer",
@@ -337,26 +344,86 @@ 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) => {
+  }, E = (s) => ({
+    ...K,
+    color: s ? y.buttonActiveColor : y.buttonColor,
+    borderColor: s ? `${y.buttonActiveColor}33` : "transparent"
+  }), Q = (s, p) => {
+    s.currentTarget.style.backgroundColor = p ? `${y.buttonActiveColor}22` : y.buttonHoverColor + "44";
+  }, W = (s) => {
     s.currentTarget.style.backgroundColor = "transparent";
-  };
+  }, e = It[Z], a = /* @__PURE__ */ u.jsxs("div", { style: { display: "flex", alignItems: "center", gap: "4px" }, children: [
+    /* @__PURE__ */ u.jsxs(
+      "button",
+      {
+        onClick: S ? void 0 : le,
+        style: {
+          ...K,
+          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 || _ ? y.controlBarBackground : y.buttonActiveColor,
+          backgroundColor: S || _ ? y.buttonActiveColor : "transparent",
+          borderColor: y.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 = _ ? "1" : "0.55";
+        }),
+        title: S || _ ? o.liveActiveTooltip : o.liveTooltip,
+        children: [
+          (S || _) && /* @__PURE__ */ u.jsx("span", { style: {
+            width: `${e.dot}px`,
+            height: `${e.dot}px`,
+            borderRadius: "50%",
+            backgroundColor: y.liveDotColor,
+            display: "inline-block",
+            flexShrink: 0
+          } }),
+          S || _ ? o.liveActiveLabel : o.liveLabel
+        ]
+      }
+    ),
+    !Te && !S && /* @__PURE__ */ u.jsx(
+      "button",
+      {
+        onClick: () => V(),
+        style: {
+          ...K,
+          fontSize: "11px",
+          color: y.buttonActiveColor,
+          borderColor: `${y.buttonActiveColor}44`,
+          width: `${e.width}px`,
+          minWidth: `${e.width}px`,
+          height: `${e.height}px`
+        },
+        onMouseEnter: (s) => Q(s, !0),
+        onMouseLeave: W,
+        title: o.resetSpeedTooltip,
+        children: re ? `◀ ${oe}×` : `${oe}× ▶`
+      }
+    )
+  ] });
   return /* @__PURE__ */ u.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: y.controlBarBackground,
+        borderBottom: `1px solid ${y.controlBarBorder}`,
         fontFamily: "system-ui, -apple-system, sans-serif"
       },
       children: [
@@ -364,916 +431,909 @@ const Ct = 520, _t = () => /* @__PURE__ */ u.jsxs("svg", { width: "14", height:
           /* @__PURE__ */ u.jsx(
             "div",
             {
-              onClick: ue,
-              title: ue ? A.dateTimeClickTooltip : void 0,
+              onClick: S ? void 0 : de,
+              title: !S && de ? o.dateTimeClickTooltip : void 0,
               style: {
-                color: w.labelColor,
+                color: y.labelColor,
                 fontFamily: "monospace",
                 lineHeight: 1.15,
-                cursor: ue ? "pointer" : "default",
+                cursor: !S && de ? "pointer" : "default",
                 borderRadius: "4px",
                 padding: "2px 4px",
                 transition: "background 0.15s"
               },
               onMouseEnter: (s) => {
-                ue && (s.currentTarget.style.background = w.buttonHoverColor + "44");
+                !S && de && (s.currentTarget.style.background = y.buttonHoverColor + "44");
               },
               onMouseLeave: (s) => s.currentTarget.style.background = "transparent",
               children: (() => {
-                const { timeFormat: s, dateFormat: V } = at(d), k = dt(F, _);
+                const { timeFormat: s, dateFormat: p } = mt(h), ue = gt(j, C);
                 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: {
+                  s && /* @__PURE__ */ u.jsx("div", { style: { fontSize: "2em", fontWeight: "bold", letterSpacing: "0.02em" }, children: Ue(j, s, C) }),
+                  p && /* @__PURE__ */ u.jsxs("div", { style: { display: "flex", alignItems: "center", gap: "6px" }, children: [
+                    /* @__PURE__ */ u.jsx("span", { style: { fontSize: "1.15em", letterSpacing: "0.03em", color: y.buttonActiveColor }, children: Ue(j, p, C) }),
+                    ue && /* @__PURE__ */ u.jsx("span", { style: {
                       fontSize: "0.9em",
-                      color: w.labelColor,
+                      color: y.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}× ▶`
-              }
-            ) })
-          ] })
+          D === "left" && a
         ] }),
-        /* @__PURE__ */ u.jsxs("div", { style: { display: "flex", alignItems: "center", gap: "2px", ...g ? { flex: 1, justifyContent: "center" } : {} }, children: [
-          de && /* @__PURE__ */ u.jsx(
+        /* @__PURE__ */ u.jsxs("div", { style: { display: "flex", alignItems: "center", gap: "2px", ...b ? { flex: 1, justifyContent: "center" } : {} }, children: [
+          !S && pe && /* @__PURE__ */ u.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: O ? Y : void 0,
+              disabled: !O,
+              style: { ...E(!1), opacity: O ? 1 : 0.3, cursor: O ? "pointer" : "default" },
+              onMouseEnter: O ? (s) => Q(s, !1) : void 0,
+              onMouseLeave: O ? W : void 0,
+              title: O ? o.jumpToStartTooltip : o.noStartTimeTooltip,
               children: "⏮"
             }
           ),
-          /* @__PURE__ */ u.jsx(
+          !S && /* @__PURE__ */ u.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: [
+              onClick: k,
+              style: { ...E(re), width: "64px", minWidth: "64px", gap: "3px" },
+              onMouseEnter: (s) => Q(s, re),
+              onMouseLeave: W,
+              title: re ? qe(o.rewindActiveTooltip, oe) : o.rewindTooltip,
+              children: re ? /* @__PURE__ */ u.jsxs(u.Fragment, { children: [
                 /* @__PURE__ */ u.jsxs("span", { style: { fontSize: "11px", fontWeight: "bold" }, children: [
-                  ce,
+                  oe,
                   "×"
                 ] }),
                 "◀◀"
               ] }) : "◀◀"
             }
           ),
-          /* @__PURE__ */ u.jsx(
+          !S && /* @__PURE__ */ u.jsx(
             "button",
             {
-              onClick: () => G(!X),
+              onClick: () => z(!X),
               style: {
-                ...C,
-                color: w.buttonActiveColor,
+                ...K,
+                color: y.buttonActiveColor,
                 fontSize: "18px",
                 width: "40px",
                 minWidth: "40px",
                 height: "40px",
-                borderColor: `${w.buttonActiveColor}55`,
+                borderColor: `${y.buttonActiveColor}55`,
                 borderRadius: "50%",
                 paddingLeft: X ? "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) => Q(s, !0),
+              onMouseLeave: W,
+              title: X ? o.pauseTooltip : re ? o.playFromRewindTooltip : o.playTooltip,
+              children: X ? /* @__PURE__ */ u.jsx(Ft, {}) : "▶"
             }
           ),
-          /* @__PURE__ */ u.jsx(
+          !S && /* @__PURE__ */ u.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: [
+              style: { ...E(me), width: "64px", minWidth: "64px", gap: "3px" },
+              onMouseEnter: (s) => Q(s, me),
+              onMouseLeave: W,
+              title: me ? qe(o.fastForwardActiveTooltip, oe) : o.fastForwardTooltip,
+              children: me ? /* @__PURE__ */ u.jsxs(u.Fragment, { children: [
                 "▶▶",
                 /* @__PURE__ */ u.jsxs("span", { style: { fontSize: "11px", fontWeight: "bold" }, children: [
-                  ce,
+                  oe,
                   "×"
                 ] })
               ] }) : "▶▶"
             }
           ),
-          H && /* @__PURE__ */ u.jsx(
+          !S && N && /* @__PURE__ */ u.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: J ? U : void 0,
+              disabled: !J,
+              style: { ...E(!1), opacity: J ? 1 : 0.3, cursor: J ? "pointer" : "default" },
+              onMouseEnter: J ? (s) => Q(s, !1) : void 0,
+              onMouseLeave: J ? W : void 0,
+              title: J ? o.jumpToEndTooltip : o.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__ */ u.jsxs("div", { style: { display: "flex", justifyContent: "flex-end", alignItems: "center", gap: "8px" }, children: [
+          D === "right" && a,
+          q != null && T != null && /* @__PURE__ */ u.jsx(
+            "button",
+            {
+              onClick: q,
+              style: {
+                ...K,
+                color: y.buttonActiveColor,
+                borderColor: `${y.buttonActiveColor}33`
+              },
+              onMouseEnter: (s) => Q(s, T),
+              onMouseLeave: W,
+              title: T ? o.collapseSwimLanesTooltip : o.expandSwimLanesTooltip,
+              children: T ? /* @__PURE__ */ u.jsx(et, {}) : /* @__PURE__ */ u.jsx(tt, {})
+            }
+          )
+        ] }),
+        b && q != null && T != null && /* @__PURE__ */ u.jsx(
           "button",
           {
-            onClick: Q,
+            onClick: q,
             style: {
-              ...C,
-              color: w.buttonActiveColor,
-              borderColor: `${w.buttonActiveColor}33`,
+              ...K,
+              color: y.buttonActiveColor,
+              borderColor: `${y.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) => Q(s, T),
+            onMouseLeave: W,
+            title: T ? o.collapseSwimLanesTooltip : o.expandSwimLanesTooltip,
+            children: T ? /* @__PURE__ */ u.jsx(et, {}) : /* @__PURE__ */ u.jsx(tt, {})
           }
         )
       ]
     }
   );
-}, et = st(
-  (F, X) => {
+}, ot = dt(
+  (j, X) => {
     const {
-      currentTime: K,
-      defaultStartMs: d,
-      defaultEndMs: _,
-      theme: S,
-      maxTicks: W,
-      timezone: $,
-      dateTimeFormat: de,
-      months: H,
-      onTimeChange: G,
-      onDragStart: U,
-      onDragEnd: I,
+      currentTime: H,
+      defaultStartMs: h,
+      defaultEndMs: C,
+      theme: _,
+      maxTicks: O,
+      timezone: J,
+      dateTimeFormat: pe,
+      months: N,
+      onTimeChange: z,
+      onDragStart: Y,
+      onDragEnd: k,
       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;
+      swimLanes: U,
+      showSwimLanes: le,
+      onSwimLaneItemClick: V,
+      onSwimLaneItemHover: de,
+      onSwimLaneItemDoubleClick: y,
+      onSwimLaneItemContextMenu: T,
+      onSwimLaneReorder: q,
+      disableNeedleDrag: ne,
+      invertScrollZoom: Z
+    } = j, D = x(null), S = x(_), re = x(O), me = x(J), Te = x(pe), oe = x(N), o = x(h), v = x(C), b = x(A.JulianDate.toDate(H).getTime());
+    I(() => {
+      S.current = _;
+    }, [_]), I(() => {
+      re.current = O;
+    }, [O]), I(() => {
+      me.current = J, g();
+    }, [J]), I(() => {
+      Te.current = pe, g();
+    }, [pe]), I(() => {
+      oe.current = N, g();
+    }, [N]);
+    const ie = x(ne ?? !1);
+    I(() => {
+      ie.current = ne ?? !1;
+    }, [ne]);
+    const K = x(Z ?? !1);
+    I(() => {
+      K.current = Z ?? !1;
+    }, [Z]);
+    const E = x(U ?? []), Q = x(le ?? (U != null && U.length > 0)), W = x(0), e = x(null), a = x(null), s = x(V), p = x(de), ue = x(y), ge = x(T), R = x(q);
+    I(() => {
+      s.current = V;
+    }, [V]), I(() => {
+      p.current = de;
+    }, [de]), I(() => {
+      ue.current = y;
+    }, [y]), I(() => {
+      ge.current = T;
+    }, [T]), I(() => {
+      R.current = q;
+    }, [q]), I(() => {
+      E.current = U ?? [], g();
+    }, [U]), I(() => {
+      Q.current = le ?? (U != null && U.length > 0), g();
+    }, [le, U]);
+    const ee = x(null), ce = x(null), Me = x(!1), Xe = x(0), F = x("none"), xe = x(0), De = x(0), Pe = x(0), je = x(0), Oe = x(0), ve = x(null), $ = x(se);
+    I(() => {
+      $.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
+    const be = x(null), ae = x("none"), Ee = x(0), Ae = x(0), Le = x(0), ke = x(0), Je = (t, n) => Math.hypot(n.clientX - t.clientX, n.clientY - t.clientY), we = he(() => ({
+      startMs: o.current,
+      endMs: v.current,
+      currentMs: b.current,
+      theme: S.current,
+      maxTicks: re.current,
+      timezone: me.current,
+      use12h: /h/.test(Te.current ?? ""),
+      months: oe.current,
+      swimLanes: E.current,
+      showSwimLanes: Q.current,
+      scrollTop: W.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(X, () => ({
+      zoomTo(t, n, r) {
+        const f = Math.max(yt, Math.min(Et, n - t)), c = (t + n) / 2;
+        o.current = c - f / 2, v.current = c + f / 2, r !== void 0 && (b.current = r), g();
       },
       getVisibleRange() {
-        return { startMs: p.current, endMs: g.current };
+        return { startMs: o.current, endMs: v.current };
       },
-      startFollow(e) {
-        if (J.current = e, re.current !== null) return;
-        he.current = !0;
+      startFollow(t) {
+        if (Xe.current = t, ce.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 f = performance.now(), c = f - n;
+          n = f;
+          const i = c * Xe.current;
+          o.current += i, v.current += i, b.current += i, g(), ce.current = requestAnimationFrame(r);
         };
-        re.current = requestAnimationFrame(r);
+        ce.current = requestAnimationFrame(r);
       },
       stopFollow() {
-        he.current = !1, re.current !== null && (cancelAnimationFrame(re.current), re.current = null);
+        Me.current = !1, ce.current !== null && (cancelAnimationFrame(ce.current), ce.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, o.current += n, v.current += n;
       },
       // ── Swim lane CRUD ──────────────────────────────────────────────
-      appendSwimLane(e) {
-        C.current = [...C.current, e], m();
+      appendSwimLane(t) {
+        E.current = [...E.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) {
+        E.current = E.current.map(
+          (r) => r.id === t ? { ...r, ...n, id: r.id } : r
+        ), g();
       },
-      removeSwimLane(e) {
-        C.current = C.current.filter((n) => n.id !== e), m();
+      removeSwimLane(t) {
+        E.current = E.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(E.current.map((f) => [f.id, f])), r = [];
+        for (const f of t) {
+          const c = n.get(f);
+          c && r.push(c);
         }
-        C.current = r, m();
+        E.current = r, g();
       }
     }));
-    const m = ae(() => {
-      const e = M.current;
-      if (!e) return;
-      const n = e.getContext("2d");
+    const g = he(() => {
+      const t = D.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 r = t.getBoundingClientRect(), f = r.width, c = r.height;
+      if (f === 0 || c === 0) return;
+      const i = window.devicePixelRatio || 1, m = Math.round(f * i), l = Math.round(c * i);
+      (t.width !== m || t.height !== l) && (t.width = m, t.height = l), n.save(), n.scale(i, i);
+      const M = xt(n, f, c, we());
+      M !== W.current && (W.current = M), n.restore();
+    }, [we]);
+    ht(() => {
+      g();
+      const t = D.current;
+      if (!t) return;
+      const n = new ResizeObserver(() => g());
+      return n.observe(t), () => n.disconnect();
+    }, [g]), I(() => {
+      if (Me.current) return;
+      const t = A.JulianDate.toDate(H).getTime();
+      b.current !== t && (b.current = t, g());
+    }, [H, g]);
+    const Re = he((t) => {
+      if (ee.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 r = D.current, f = v.current - o.current, c = t * f * 0.01;
+        if (o.current += c, v.current += c, r) {
+          const i = r.getBoundingClientRect(), m = Math.max(0, Math.min(i.width, De.current - i.left)), l = o.current + m / i.width * (v.current - o.current);
+          b.current = l, z(A.JulianDate.fromDate(new Date(l)));
         }
-        m(), y.current = requestAnimationFrame(n);
+        g(), ee.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 = {
+      ee.current = requestAnimationFrame(n);
+    }, [g, z]), d = he(() => {
+      ee.current !== null && (cancelAnimationFrame(ee.current), ee.current = null);
+    }, []), w = he((t, n, r, f) => vt(t, n, r, f, we()), [we]), P = he((t, n, r) => bt(t, n, r, we()), [we]), te = he((t, n) => wt(t, n, we()), [we]), B = he((t) => {
+      t.preventDefault();
+      const n = t.currentTarget.getBoundingClientRect(), r = t.clientX - n.left, f = t.clientY - n.top;
+      if (t.button === 0 && R.current) {
+        const c = P(r, f, n.height);
+        if (c) {
+          const m = E.current.findIndex((l) => l.id === c.id);
+          a.current = {
             dragging: !0,
-            dragLaneId: o.id,
-            dragStartY: e.clientY,
-            currentY: e.clientY,
-            insertIndex: h
-          }, e.currentTarget.style.cursor = "grabbing";
+            dragLaneId: c.id,
+            dragStartY: t.clientY,
+            currentY: t.clientY,
+            insertIndex: m
+          }, 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 && te(f, n.height)) {
+        const c = (b.current - o.current) / (v.current - o.current) * n.width;
+        if (!(Math.abs(r - c) <= 10) && w(r, f, n.width, n.height)) {
+          Pe.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 (ie.current) {
+          F.current = "slide", xe.current = t.clientX;
+          return;
+        }
+        const c = (b.current - o.current) / (v.current - o.current) * n.width, i = Math.abs(r - c) <= 10, m = f >= n.height - Ye;
+        if (!i && m)
+          F.current = "rangeSelectPending", Oe.current = r, je.current = o.current + r / n.width * (v.current - o.current), t.currentTarget.style.cursor = "crosshair", Y == null || Y();
         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)));
+          F.current = "scrub", De.current = t.clientX, t.currentTarget.style.cursor = "grabbing", Y == null || Y();
+          const l = o.current + r / n.width * (v.current - o.current);
+          b.current = l, g(), z(A.JulianDate.fromDate(new Date(l)));
         }
-      } 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)
+        F.current = "slide", xe.current = t.clientX;
+      else if (t.button === 2) {
+        if (ge.current && te(f, n.height))
           return;
-        E.current = "zoom", fe.current = e.clientX;
+        F.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;
+    }, [g, z, Y, P, te, w]);
+    I(() => {
+      const t = (r) => {
+        const f = a.current;
+        if (f && f.dragging) {
+          f.currentY = r.clientY;
+          const l = D.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;
+            const M = l.getBoundingClientRect(), L = r.clientY - M.top;
+            let Ce = -W.current;
+            const $e = E.current;
+            let Be = $e.length;
+            for (let Ne = 0; Ne < $e.length; Ne++) {
+              const He = $e[Ne].height ?? Ge, at = Ce + He / 2;
+              if (L < at) {
+                Be = Ne;
                 break;
               }
-              Re += ze + He;
+              Ce += He + Ve;
             }
-            a.insertIndex = Ye;
+            f.insertIndex = Be;
           }
-          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 (F.current === "none") return;
+        const c = D.current;
+        if (!c) return;
+        const i = c.getBoundingClientRect(), m = i.width;
+        if (F.current === "scrub") {
+          De.current = r.clientX;
+          const l = r.clientX - i.left, M = m * 0.08;
+          l < M ? Re(-1) : l > m - M ? Re(1) : d();
+          const L = Math.max(0, Math.min(m, l)), fe = o.current + L / m * (v.current - o.current);
+          b.current = fe, g(), z(A.JulianDate.fromDate(new Date(fe)));
+        } else if (F.current === "rangeSelectPending" || F.current === "rangeSelect") {
+          const l = r.clientX - i.left, M = Math.abs(l - Oe.current);
+          if (F.current === "rangeSelectPending" && M >= 3 && (F.current = "rangeSelect"), F.current === "rangeSelect") {
+            const L = Math.max(0, Math.min(m, l)), fe = o.current + L / m * (v.current - o.current);
+            ve.current = {
+              startMs: je.current,
+              endMs: fe
+            }, 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 (F.current === "slide") {
+          const l = xe.current - r.clientX;
+          if (xe.current = r.clientX, l !== 0) {
+            const M = l / m * (v.current - o.current);
+            o.current += M, v.current += M, 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 (F.current === "zoom") {
+          const l = xe.current - r.clientX;
+          xe.current = r.clientX, l !== 0 && G(Math.pow(1.01, l));
         }
       }, n = () => {
-        var a, o;
-        const r = s.current;
+        var f, c;
+        const r = a.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 i = Math.abs(r.currentY - r.dragStartY), m = E.current, l = m.findIndex((M) => M.id === r.dragLaneId);
+          if (i > 5 && l >= 0 && r.insertIndex !== l && r.insertIndex !== l + 1) {
+            const M = [...m], [L] = M.splice(l, 1), fe = r.insertIndex > l ? r.insertIndex - 1 : r.insertIndex;
+            M.splice(fe, 0, L), E.current = M, (f = R.current) == null || f.call(R, M.map((Ce) => Ce.id));
           }
-          s.current = null, M.current && (M.current.style.cursor = "default"), m();
+          a.current = null, D.current && (D.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 (d(), F.current === "rangeSelectPending") {
+          b.current = je.current, ve.current = null, F.current = "none", D.current && (D.current.style.cursor = "default"), g(), z(A.JulianDate.fromDate(new Date(je.current))), k == null || k();
           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 (F.current === "rangeSelect") {
+          const i = ve.current;
+          if (ve.current = null, i) {
+            const m = Math.min(i.startMs, i.endMs), l = Math.max(i.startMs, i.endMs);
+            o.current = m, v.current = l;
+            const M = Math.max(m, Math.min(l, b.current));
+            M !== b.current && (b.current = M, z(A.JulianDate.fromDate(new Date(M))));
+            const L = A.JulianDate.fromDate(new Date(m)), fe = A.JulianDate.fromDate(new Date(l));
+            (c = $.current) == null || c.call($, L, fe);
           }
-          E.current = "none", M.current && (M.current.style.cursor = "default"), m(), I == null || I();
+          F.current = "none", D.current && (D.current.style.cursor = "default"), g(), k == null || k();
           return;
         }
-        E.current = "none", M.current && (M.current.style.cursor = "default"), I == null || I();
+        F.current = "none", D.current && (D.current.style.cursor = "default"), k == null || k();
       };
-      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, z, k, Re, d]);
+    const G = he((t) => {
+      const n = Tt(o.current, v.current, t);
+      o.current = n.startMs, v.current = n.endMs, g();
+    }, [g]), ye = he((t) => {
+      t.preventDefault();
+      const n = D.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) {
+      const r = n.getBoundingClientRect(), f = t.clientY - r.top, c = Q.current, i = E.current;
+      if (c && i.length > 0) {
+        const m = Math.max(0, r.height - Ye);
+        if (f >= 0 && f < m) {
           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();
+          for (const L of i) l += (L.height ?? Ge) + Ve;
+          const M = Math.max(0, l - m);
+          if (M > 0) {
+            W.current = Math.max(0, Math.min(M, W.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);
+      G(Math.pow(1.05, t.deltaY > 0 === K.current ? -1 : 1));
+    }, [G, g]);
+    I(() => {
+      const t = D.current;
+      if (t)
+        return t.addEventListener("wheel", ye, { passive: !1 }), () => t.removeEventListener("wheel", ye);
+    }, [ye]), I(() => {
+      const t = D.current;
+      if (!t) return;
+      const n = (c) => {
+        c.preventDefault();
+        const i = t.getBoundingClientRect();
+        if (c.touches.length === 1) {
+          const m = c.touches[0].clientX - i.left, l = Math.max(0, Math.min(i.width, m)), M = o.current + l / i.width * (v.current - o.current);
+          ke.current = b.current, ie.current ? (ae.current = "slide", Ee.current = c.touches[0].clientX) : (ae.current = "scrub", Ee.current = c.touches[0].clientX, De.current = c.touches[0].clientX, b.current = M, g(), Y == null || Y(), z(A.JulianDate.fromDate(new Date(M))));
+        } else c.touches.length >= 2 && (ae.current === "scrub" && (b.current = ke.current, g(), z(A.JulianDate.fromDate(new Date(ke.current)))), ae.current = "pinch", Ae.current = Je(c.touches[0], c.touches[1]), Le.current = (c.touches[0].clientX + c.touches[1].clientX) / 2 - i.left);
+      }, r = (c) => {
+        c.preventDefault();
+        const i = t.getBoundingClientRect();
+        if (ae.current === "scrub" && c.touches.length >= 1) {
+          const m = c.touches[0].clientX - i.left, l = i.width * 0.08;
+          if (De.current = c.touches[0].clientX, m < l) Re(-1);
+          else if (m > i.width - l) 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)));
+            d();
+            const M = Math.max(0, Math.min(i.width, m)), L = o.current + M / i.width * (v.current - o.current);
+            b.current = L, g(), z(A.JulianDate.fromDate(new Date(L)));
           }
-        } 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 (ae.current === "slide" && c.touches.length >= 1) {
+          const m = Ee.current - c.touches[0].clientX;
+          if (Ee.current = c.touches[0].clientX, m !== 0) {
+            const l = m / i.width * (v.current - o.current);
+            o.current += l, v.current += l, 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 (ae.current === "pinch" && c.touches.length >= 2) {
+          const m = Je(c.touches[0], c.touches[1]), l = (c.touches[0].clientX + c.touches[1].clientX) / 2 - i.left;
+          if (m > 0 && Ae.current > 0) {
+            const M = o.current + Le.current / i.width * (v.current - o.current), L = Rt(o.current, v.current, Ae.current / m, M);
+            o.current = L.startMs, v.current = L.endMs, g();
           }
-          ye.current = h, _e.current = l;
+          Ae.current = m, Le.current = l;
         }
-      }, 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);
+      }, f = (c) => {
+        d(), ae.current === "scrub" && (k == null || k()), c.touches.length === 0 ? ae.current = "none" : c.touches.length === 1 && (ae.current = "slide", Ee.current = c.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", r, { passive: !1 }), t.addEventListener("touchend", f, { passive: !1 }), () => {
+        t.removeEventListener("touchstart", n), t.removeEventListener("touchmove", r), t.removeEventListener("touchend", f);
       };
-    }, [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, Y, k, z, G, Re, d]);
+    const ct = he((t) => {
+      var m, l, M;
+      const n = t.currentTarget.getBoundingClientRect(), r = t.clientX - n.left, f = t.clientY - n.top;
+      if (F.current === "none")
+        if (ie.current)
+          be.current !== null && (be.current = null);
+        else {
+          const L = o.current + Math.max(0, Math.min(n.width, r)) / n.width * (v.current - o.current);
+          be.current !== L && (be.current = L);
+        }
+      if (F.current !== "none") {
+        be.current = null;
+        return;
+      }
+      const c = (b.current - o.current) / (v.current - o.current) * n.width, i = !ie.current && Math.abs(r - c) <= 10;
+      if (te(f, n.height)) {
+        const L = w(r, f, n.width, n.height), fe = e.current;
+        if (L)
+          t.currentTarget.style.cursor = i ? "grab" : "pointer", (!fe || fe.item.id !== L.item.id || fe.lane.id !== L.lane.id) && (e.current = L, (m = p.current) == null || m.call(p, { laneId: L.lane.id, item: L.item, originalEvent: t.nativeEvent }));
+        else if (fe && (e.current = null, (l = p.current) == null || l.call(p, 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 Ce = P(r, f, n.height);
+          t.currentTarget.style.cursor = Ce && R.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);
+      e.current && (e.current = null, (M = p.current) == null || M.call(p, null)), i ? t.currentTarget.style.cursor = "grab" : !ie.current && f >= n.height - Ye ? t.currentTarget.style.cursor = "crosshair" : t.currentTarget.style.cursor = "default", g();
+    }, [g, w, te, P]), st = he((t) => {
+      var m;
+      if (performance.now() - Pe.current > 300) return;
+      const r = t.currentTarget.getBoundingClientRect(), f = t.clientX - r.left, c = t.clientY - r.top, i = w(f, c, r.width, r.height);
+      i && ((m = s.current) == null || m.call(s, { laneId: i.lane.id, item: i.item, originalEvent: t.nativeEvent }));
+    }, [w]), it = he((t) => {
+      var i;
+      const n = t.currentTarget.getBoundingClientRect(), r = t.clientX - n.left, f = t.clientY - n.top, c = w(r, f, n.width, n.height);
+      c && ((i = ue.current) == null || i.call(ue, { laneId: c.lane.id, item: c.item, originalEvent: t.nativeEvent }));
+    }, [w]), ut = he((t) => {
+      const n = t.currentTarget.getBoundingClientRect(), r = t.clientX - n.left, f = t.clientY - n.top, c = w(r, f, n.width, n.height);
+      c && ge.current ? (t.preventDefault(), ge.current({ laneId: c.lane.id, item: c.item, originalEvent: t.nativeEvent })) : t.preventDefault();
+    }, [w]);
+    return I(() => () => {
+      ee.current !== null && cancelAnimationFrame(ee.current), ce.current !== null && cancelAnimationFrame(ce.current);
     }, []), /* @__PURE__ */ u.jsx(
       "canvas",
       {
-        ref: M,
+        ref: D,
         style: { width: "100%", flex: 1, minHeight: 0, display: "block", cursor: "default" },
-        onMouseDown: le,
-        onMouseMove: Ee,
-        onClick: tt,
-        onDoubleClick: nt,
+        onMouseDown: B,
+        onMouseMove: ct,
+        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");
+          var t;
+          e.current && (e.current = null, (t = p.current) == null || t.call(p, null)), be.current = null, F.current === "none" && D.current && (D.current.style.cursor = "default"), g();
         },
-        onContextMenu: rt
+        onContextMenu: ut
       }
     );
   }
 );
-et.displayName = "TimelineCanvas";
-const Ze = [2, 4, 8, 16, 32, 100, 1], Qe = [1, 2, 4, 8, 16, 32, 100], kt = ({
-  startTime: F,
+ot.displayName = "TimelineCanvas";
+const nt = [2, 4, 8, 16, 32, 100, 1], rt = [1, 2, 4, 8, 16, 32, 100], Jt = ({
+  startTime: j,
   endTime: X,
-  currentTime: K,
-  clock: d,
-  onTimeChange: _,
-  onPlayPause: S,
-  onMultiplierChange: W,
-  height: $,
-  showControls: de = !0,
-  showJumpToStart: H,
-  showJumpToEnd: G,
-  enableDrag: U = !0,
-  dateTimeFormat: I,
+  currentTime: H,
+  clock: h,
+  onTimeChange: C,
+  onPlayPause: _,
+  onMultiplierChange: O,
+  height: J,
+  showControls: pe = !0,
+  showJumpToStart: N,
+  showJumpToEnd: z,
+  enableDrag: Y = !0,
+  dateTimeFormat: k,
   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
+  jumpToTime: U,
+  maxTicks: le,
+  ffSpeeds: V = nt,
+  rwSpeeds: de = rt,
+  theme: y,
+  className: T,
+  timezone: q,
+  swimLanes: ne,
+  showSwimLanes: Z,
+  onShowSwimLanesChange: D,
+  swimLaneTransition: S = "animated",
+  onSwimLaneItemClick: re,
+  onSwimLaneItemHover: me,
+  onSwimLaneItemDoubleClick: Te,
+  onSwimLaneItemContextMenu: oe,
+  onSwimLaneReorder: o,
+  onRangeSelect: v,
+  labels: b,
+  liveButtonSize: ie,
+  liveButtonPosition: K,
+  live: E,
+  invertScrollZoom: Q
 }) => {
-  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(() => {
+  const W = () => Date.now(), e = j ? A.JulianDate.toDate(_e(j)).getTime() : W() - 432e5, a = X ? A.JulianDate.toDate(_e(X)).getTime() : W() + 12 * 3600 * 1e3, [s, p] = Se(
+    () => _e(H ?? j ?? A.JulianDate.fromDate(/* @__PURE__ */ new Date()))
+  ), [ue, ge] = Se((h == null ? void 0 : h.shouldAnimate) ?? !1), [R, ee] = Se((h == null ? void 0 : h.multiplier) ?? 1), [ce, Me] = Se(Z ?? !0);
+  I(() => {
+    Z != null && Me(Z);
+  }, [Z]);
+  const Xe = () => {
+    const d = !ce;
+    Me(d), D == null || D(d);
+  }, F = ne != null && ne.length > 0, xe = x(null), [De, Pe] = Se(0);
+  I(() => {
+    const d = xe.current;
     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 w = new ResizeObserver(([P]) => Pe(P.borderBoxSize[0].blockSize));
+    return w.observe(d), () => w.disconnect();
+  }, [pe]);
+  const Oe = F && !ce ? `${De + Ye}px` : J != null ? `${J}px` : "100%", ve = x(!1), $ = x(null), be = { ...Dt, ...y };
+  I(() => {
+    if (!h) return;
+    const d = () => {
+      if (!ve.current) {
+        const w = A.JulianDate.clone(h.currentTime);
+        if (p(w), ge(h.shouldAnimate), ee(h.multiplier), $.current) {
+          const { startMs: P, endMs: te } = $.current.getVisibleRange(), B = te - P, G = A.JulianDate.toDate(w).getTime(), ye = G - P;
+          ye <= B * 0.1 ? $.current.zoomTo(G - B * 0.1, G + B * 0.9, G) : ye >= B * 0.9 && $.current.zoomTo(G - B * 0.9, G + B * 0.1, G);
         }
       }
     };
-    return d.onTick.addEventListener(i), () => {
-      d.onTick.removeEventListener(i);
+    return h.onTick.addEventListener(d), () => {
+      h.onTick.removeEventListener(d);
     };
-  }, [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);
+  }, [h]), I(() => {
+    if (h) return;
+    const d = setInterval(() => {
+      if (ve.current) return;
+      const w = A.JulianDate.fromDate(/* @__PURE__ */ new Date());
+      if (p(w), $.current) {
+        const { startMs: P, endMs: te } = $.current.getVisibleRange(), B = te - P, G = A.JulianDate.toDate(w).getTime(), ye = G - P;
+        ye <= B * 0.1 ? $.current.zoomTo(G - B * 0.1, G + B * 0.9, G) : ye >= B * 0.9 && $.current.zoomTo(G - B * 0.9, G + B * 0.1, G);
       }
     }, 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(d);
+  }, [h]), I(() => {
+    if (!U || E) return;
+    const d = _e(U);
+    if (Ee(d), $.current) {
+      const { startMs: w, endMs: P } = $.current.getVisibleRange(), te = P - w, B = A.JulianDate.toDate(d).getTime();
+      $.current.zoomTo(B - te / 2, B + te / 2);
     }
-  }, [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);
-  }, 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);
+  }, [U]);
+  const ae = (d, w = !0) => {
+    h && (h.multiplier = d, w && (h.shouldAnimate = !0)), ee(d), w && ge(!0), O == null || O(d);
+  }, Ee = (d) => {
+    p(d), h && (h.currentTime = A.JulianDate.clone(d)), C == null || C(d);
+  }, Ae = (d) => {
+    d && R < 0 && ae(1, !1), h && (h.shouldAnimate = d), ge(d), _ == null || _(d);
+  }, Le = () => {
+    const d = V.length > 0 ? V : nt, w = R > 1 ? R : 1, P = d.indexOf(w), te = d[P < 0 || P === d.length - 1 ? 0 : P + 1];
+    ae(te);
+  }, ke = () => {
+    const d = de.length > 0 ? de : rt, w = R < 0 ? Math.abs(R) : 0, P = d.indexOf(w), te = -d[P < 0 || P === d.length - 1 ? 0 : P + 1];
+    ae(te);
+  }, Je = () => {
+    var w;
+    const d = _e(j ?? A.JulianDate.fromDate(new Date(e)));
+    h && (h.currentTime = A.JulianDate.clone(d)), p(d), (w = $.current) == null || w.zoomTo(e, a);
   }, 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);
+    var w;
+    const d = _e(X ?? A.JulianDate.fromDate(new Date(a)));
+    h && (h.currentTime = A.JulianDate.clone(d)), p(d), (w = $.current) == null || w.zoomTo(e, a);
+  }, g = () => {
+    const d = A.JulianDate.fromDate(/* @__PURE__ */ new Date());
+    h && (h.currentTime = A.JulianDate.clone(d)), p(d), ae(1);
+    const w = Date.now();
+    if ($.current) {
+      const { startMs: P, endMs: te } = $.current.getVisibleRange(), B = te - P;
+      $.current.zoomTo(w - B / 2, w + B / 2);
     }
-  }, Me = Math.abs(D.JulianDate.toDate(V).getTime() - Date.now()) < 1e4;
+  }, Re = Math.abs(A.JulianDate.toDate(s).getTime() - Date.now()) < 2e3;
   return /* @__PURE__ */ u.jsxs(
     "div",
     {
-      className: v,
+      className: T,
       style: {
         width: "100%",
-        height: Fe,
+        height: Oe,
         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,
+        pe && /* @__PURE__ */ u.jsx("div", { ref: xe, children: /* @__PURE__ */ u.jsx(
+          Xt,
           {
-            currentTime: V,
-            isPlaying: t,
-            multiplier: b,
-            isLive: Me,
-            hasStartTime: F != null,
+            currentTime: s,
+            isPlaying: ue,
+            multiplier: R,
+            isLive: Re,
+            hasStartTime: j != null,
             hasEndTime: X != null,
-            showJumpToStart: H,
-            showJumpToEnd: G,
-            onPlayPause: _e,
-            onJumpToStart: be,
-            onRewind: Ie,
-            onFastForward: je,
-            onJumpToEnd: m,
-            onJumpToLive: we,
-            onResetSpeed: () => ve(1),
+            showJumpToStart: N,
+            showJumpToEnd: z,
+            onPlayPause: Ae,
+            onJumpToStart: Je,
+            onRewind: ke,
+            onFastForward: Le,
+            onJumpToEnd: we,
+            onJumpToLive: g,
+            onResetSpeed: () => ae(1),
             onDateTimeClick: se,
-            dateTimeFormat: I,
-            timezone: Q,
-            theme: pe,
-            swimLanesVisible: E ? re : void 0,
-            onToggleSwimLanes: E ? J : void 0,
-            labels: ee
+            dateTimeFormat: k,
+            timezone: q,
+            theme: be,
+            swimLanesVisible: F ? ce : void 0,
+            onToggleSwimLanes: F ? Xe : void 0,
+            labels: b,
+            liveButtonSize: ie,
+            liveButtonPosition: K,
+            live: E
           }
         ) }),
-        U !== !1 && /* @__PURE__ */ u.jsx(
-          et,
+        (Y !== !1 || E) && /* @__PURE__ */ u.jsx(
+          ot,
           {
-            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: $,
+            currentTime: s,
+            defaultStartMs: e,
+            defaultEndMs: a,
+            theme: be,
+            maxTicks: le,
+            timezone: q,
+            dateTimeFormat: k,
+            months: b == null ? void 0 : b.months,
+            onTimeChange: Ee,
             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: !!E,
+            invertScrollZoom: Q,
+            swimLanes: ne,
+            showSwimLanes: ce,
+            onSwimLaneItemClick: re,
+            onSwimLaneItemHover: me,
+            onSwimLaneItemDoubleClick: Te,
+            onSwimLaneItemContextMenu: oe,
+            onSwimLaneReorder: o,
+            onRangeSelect: v
           }
         )
       ]
     }
   );
-}, Ft = ({
-  startTime: F,
+}, Nt = ({
+  startTime: j,
   endTime: X,
-  currentTime: K,
-  width: d,
-  height: _,
-  tickInterval: S,
-  showLabels: W,
-  snapToTicks: $,
-  enableDrag: de,
-  theme: H,
-  onTimeChange: G,
-  onVisibleRangeChange: U,
-  onDragStart: I,
+  currentTime: H,
+  width: h,
+  height: C,
+  tickInterval: _,
+  showLabels: O,
+  snapToTicks: J,
+  enableDrag: pe,
+  theme: N,
+  onTimeChange: z,
+  onVisibleRangeChange: Y,
+  onDragStart: k,
   onDragEnd: se
 }) => {
-  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 U = We(
+    () => At(j, X, _, h),
+    [j, X, _, h]
+  ), le = We(
+    () => Ct(H, j, X, h),
+    [H, j, X, h]
+  ), V = x(null), de = (T) => {
+    if (!pe) return;
+    const q = T.currentTarget.getBoundingClientRect(), ne = T.clientX - q.left, Z = Math.max(0, Math.min(h, ne));
+    if (!(Math.abs(Z - le) <= 10)) {
+      let K = Z;
+      J && (K = _t(Z, U, 10));
+      const E = new Date(j).getTime(), Q = new Date(X).getTime();
+      z(A.JulianDate.fromDate(new Date(E + K / h * (Q - E))));
       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;
+    k == null || k();
+    const S = T.clientX, re = new Date(H).getTime(), me = new Date(j).getTime(), oe = (new Date(X).getTime() - me) / h;
+    let o = 0, v = !1;
+    const b = (K) => {
+      o = K.clientX - S, v = !0, V.current || (V.current = requestAnimationFrame(() => {
+        if (v) {
+          const E = re + o * oe;
+          z(A.JulianDate.fromDate(new Date(E))), v = !1;
         }
-        te.current = null;
+        V.current = null;
       }));
-    }, O = () => {
-      document.removeEventListener("mousemove", ee), document.removeEventListener("mouseup", O), te.current !== null && (cancelAnimationFrame(te.current), te.current = null), se == null || se();
+    }, ie = () => {
+      document.removeEventListener("mousemove", b), document.removeEventListener("mouseup", ie), V.current !== null && (cancelAnimationFrame(V.current), V.current = null), se == null || se();
     };
-    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", ie);
+  }, y = (T) => {
+    T.preventDefault();
+    const q = T.shiftKey ? T.deltaY : T.deltaX !== 0 ? T.deltaX : T.deltaY;
+    if (Math.abs(q) < 1) return;
+    const ne = new Date(j).getTime(), Z = new Date(X).getTime(), D = q / h * (Z - ne) * 0.5;
+    Y == null || Y(
+      A.JulianDate.fromDate(new Date(ne + D)),
+      A.JulianDate.fromDate(new Date(Z + D))
     );
   };
   return /* @__PURE__ */ u.jsxs(
     "svg",
     {
       width: "100%",
-      height: _,
-      style: { backgroundColor: H.backgroundColor, display: "block", cursor: "default" },
-      onMouseDown: ue,
-      onWheel: w,
+      height: C,
+      style: { backgroundColor: N.backgroundColor, display: "block", cursor: "default" },
+      onMouseDown: de,
+      onWheel: y,
       children: [
-        /* @__PURE__ */ u.jsx("rect", { width: d, height: _, fill: H.backgroundColor }),
-        Z.map((v, Q) => /* @__PURE__ */ u.jsxs("g", { children: [
+        /* @__PURE__ */ u.jsx("rect", { width: h, height: C, fill: N.backgroundColor }),
+        U.map((T, q) => /* @__PURE__ */ u.jsxs("g", { children: [
           /* @__PURE__ */ u.jsx(
             "line",
             {
-              x1: v.position,
-              y1: _ - (v.isMajor ? H.majorTickHeight : H.minorTickHeight),
-              x2: v.position,
-              y2: _,
-              stroke: v.isMajor ? H.majorTickColor : H.tickColor,
+              x1: T.position,
+              y1: C - (T.isMajor ? N.majorTickHeight : N.minorTickHeight),
+              x2: T.position,
+              y2: C,
+              stroke: T.isMajor ? N.majorTickColor : N.tickColor,
               strokeWidth: "1"
             }
           ),
-          W && v.isMajor && v.label && /* @__PURE__ */ u.jsx(
+          O && T.isMajor && T.label && /* @__PURE__ */ u.jsx(
             "text",
             {
-              x: v.position,
-              y: _ - H.majorTickHeight - 5,
+              x: T.position,
+              y: C - N.majorTickHeight - 5,
               textAnchor: "middle",
-              fill: H.labelColor,
-              fontSize: H.fontSize,
+              fill: N.labelColor,
+              fontSize: N.fontSize,
               fontFamily: "monospace",
-              children: v.label
+              children: T.label
             }
           )
-        ] }, Q)),
+        ] }, q)),
         /* @__PURE__ */ u.jsx(
           "line",
           {
-            x1: ie,
+            x1: le,
             y1: 0,
-            x2: ie,
-            y2: _,
-            stroke: H.indicatorColor,
-            strokeWidth: H.indicatorLineWidth,
+            x2: le,
+            y2: C,
+            stroke: N.indicatorColor,
+            strokeWidth: N.indicatorLineWidth,
             pointerEvents: "none"
           }
         ),
-        de && /* @__PURE__ */ u.jsx(
+        pe && /* @__PURE__ */ u.jsx(
           "rect",
           {
-            x: Math.max(0, ie - 10),
+            x: Math.max(0, le - 10),
             y: 0,
             width: 20,
-            height: _,
+            height: C,
             fill: "transparent",
             style: { cursor: "ew-resize" },
             pointerEvents: "visiblePainted"
           }
         ),
-        /* @__PURE__ */ u.jsx("circle", { cx: ie, cy: 5, r: 4, fill: H.indicatorColor, pointerEvents: "none" })
+        /* @__PURE__ */ u.jsx("circle", { cx: le, cy: 5, r: 4, fill: N.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,
+  ot as TimelineCanvas,
+  Xt as TimelineControls,
+  Nt as TimelineSVG
 };