@kteneyck/cesium-timeline-react 0.2.0 → 0.4.0

package/dist/cesium-timeline-react.js

@@ -1,9 +1,9 @@
-import Be, { useRef as T, useState as ve, useEffect as $, forwardRef as He, useCallback as oe, useImperativeHandle as Ue, useLayoutEffect as qe, useMemo as Se } from "react";
-import * as C from "cesium";
-import { splitForDisplay as Ge, formatDateTime as ke, drawTimeline as Ve, hitTestSwimLane as Ke, hitTestLaneLabel as Ze, isInSwimLaneRegion as Qe, zoomRange as et, TICK_AREA_HEIGHT as ze, DEFAULT_LANE_HEIGHT as Le, LANE_GAP as Ie, SWIM_LANE_SCROLL_SPEED as tt, MIN_SPAN_MS as nt, MAX_SPAN_MS as rt, toJulianDate as ge, defaultTheme as ot, generateTicks as st, timeToPosition as ct, snapToTick as it } from "@kteneyck/cesium-timeline-core";
+import Ue, { useRef as w, useState as ve, useEffect as X, forwardRef as qe, useCallback as se, useImperativeHandle as Ge, useLayoutEffect as Ve, useMemo as Le } from "react";
+import * as j from "cesium";
+import { splitForDisplay as Ke, getTimezoneAbbr as Ze, formatDateTime as Ie, drawTimeline as Qe, hitTestSwimLane as et, hitTestLaneLabel as tt, isInSwimLaneRegion as nt, zoomRange as rt, TICK_AREA_HEIGHT as $e, DEFAULT_LANE_HEIGHT as Fe, LANE_GAP as Oe, SWIM_LANE_SCROLL_SPEED as ot, MIN_SPAN_MS as st, MAX_SPAN_MS as ct, toJulianDate as ge, defaultTheme as it, generateTicks as ut, timeToPosition as at, snapToTick as lt } from "@kteneyck/cesium-timeline-core";
 export * from "@kteneyck/cesium-timeline-core";
-import { TICK_AREA_HEIGHT as Tt } from "@kteneyck/cesium-timeline-core";
-var Me = { exports: {} }, we = {};
+import { TICK_AREA_HEIGHT as Mt } from "@kteneyck/cesium-timeline-core";
+var Re = { exports: {} }, ye = {};
 /**
  * @license React
  * react-jsx-runtime.production.js
@@ -13,29 +13,29 @@ var Me = { exports: {} }, we = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var Fe;
-function at() {
-  if (Fe) return we;
-  Fe = 1;
-  var D = Symbol.for("react.transitional.element"), k = Symbol.for("react.fragment");
-  function X(u, b, I) {
-    var q = null;
-    if (I !== void 0 && (q = "" + I), b.key !== void 0 && (q = "" + b.key), "key" in b) {
-      I = {};
-      for (var P in b)
-        P !== "key" && (I[P] = b[P]);
-    } else I = b;
-    return b = I.ref, {
-      $$typeof: D,
-      type: u,
-      key: q,
-      ref: b !== void 0 ? b : null,
-      props: I
+var Pe;
+function dt() {
+  if (Pe) return ye;
+  Pe = 1;
+  var C = Symbol.for("react.transitional.element"), k = Symbol.for("react.fragment");
+  function Y(a, T, R) {
+    var I = null;
+    if (R !== void 0 && (I = "" + R), T.key !== void 0 && (I = "" + T.key), "key" in T) {
+      R = {};
+      for (var O in T)
+        O !== "key" && (R[O] = T[O]);
+    } else R = T;
+    return T = R.ref, {
+      $$typeof: C,
+      type: a,
+      key: I,
+      ref: T !== void 0 ? T : null,
+      props: R
     };
   }
-  return we.Fragment = k, we.jsx = X, we.jsxs = X, we;
+  return ye.Fragment = k, ye.jsx = Y, ye.jsxs = Y, ye;
 }
-var Te = {};
+var Ee = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -45,47 +45,47 @@ var Te = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var Oe;
-function ut() {
-  return Oe || (Oe = 1, process.env.NODE_ENV !== "production" && (function() {
-    function D(t) {
+var Ne;
+function ft() {
+  return Ne || (Ne = 1, process.env.NODE_ENV !== "production" && (function() {
+    function C(t) {
       if (t == null) return null;
       if (typeof t == "function")
-        return t.$$typeof === Y ? null : t.displayName || t.name || null;
+        return t.$$typeof === ce ? null : t.displayName || t.name || null;
       if (typeof t == "string") return t;
       switch (t) {
-        case j:
+        case B:
           return "Fragment";
-        case V:
+        case d:
           return "Profiler";
-        case _:
+        case ee:
           return "StrictMode";
-        case y:
+        case l:
           return "Suspense";
-        case E:
+        case y:
           return "SuspenseList";
-        case U:
+        case te:
           return "Activity";
       }
       if (typeof t == "object")
         switch (typeof t.tag == "number" && console.error(
           "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
         ), t.$$typeof) {
-          case x:
+          case Q:
             return "Portal";
-          case m:
+          case H:
             return t.displayName || "Context";
           case v:
             return (t._context.displayName || "Context") + ".Consumer";
-          case g:
-            var l = t.render;
-            return t = t.displayName, t || (t = l.displayName || l.name || "", t = t !== "" ? "ForwardRef(" + t + ")" : "ForwardRef"), t;
-          case ae:
-            return l = t.displayName || null, l !== null ? l : D(t.type) || "Memo";
-          case N:
-            l = t._payload, t = t._init;
+          case z:
+            var m = t.render;
+            return t = t.displayName, t || (t = m.displayName || m.name || "", t = t !== "" ? "ForwardRef(" + t + ")" : "ForwardRef"), t;
+          case _:
+            return m = t.displayName || null, m !== null ? m : C(t.type) || "Memo";
+          case A:
+            m = t._payload, t = t._init;
             try {
-              return D(t(l));
+              return C(t(m));
             } catch {
             }
         }
@@ -94,77 +94,77 @@ function ut() {
     function k(t) {
       return "" + t;
     }
-    function X(t) {
+    function Y(t) {
       try {
         k(t);
-        var l = !1;
+        var m = !1;
       } catch {
-        l = !0;
+        m = !0;
       }
-      if (l) {
-        l = console;
-        var w = l.error, A = typeof Symbol == "function" && Symbol.toStringTag && t[Symbol.toStringTag] || t.constructor.name || "Object";
-        return w.call(
-          l,
+      if (m) {
+        m = console;
+        var g = m.error, M = typeof Symbol == "function" && Symbol.toStringTag && t[Symbol.toStringTag] || t.constructor.name || "Object";
+        return g.call(
+          m,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
-          A
+          M
         ), k(t);
       }
     }
-    function u(t) {
-      if (t === j) return "<>";
-      if (typeof t == "object" && t !== null && t.$$typeof === N)
+    function a(t) {
+      if (t === B) return "<>";
+      if (typeof t == "object" && t !== null && t.$$typeof === A)
         return "<...>";
       try {
-        var l = D(t);
-        return l ? "<" + l + ">" : "<...>";
+        var m = C(t);
+        return m ? "<" + m + ">" : "<...>";
       } catch {
         return "<...>";
       }
     }
-    function b() {
-      var t = L.A;
+    function T() {
+      var t = P.A;
       return t === null ? null : t.getOwner();
     }
-    function I() {
+    function R() {
       return Error("react-stack-top-frame");
     }
-    function q(t) {
-      if (c.call(t, "key")) {
-        var l = Object.getOwnPropertyDescriptor(t, "key").get;
-        if (l && l.isReactWarning) return !1;
+    function I(t) {
+      if (q.call(t, "key")) {
+        var m = Object.getOwnPropertyDescriptor(t, "key").get;
+        if (m && m.isReactWarning) return !1;
       }
       return t.key !== void 0;
     }
-    function P(t, l) {
-      function w() {
-        re || (re = !0, console.error(
+    function O(t, m) {
+      function g() {
+        i || (i = !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)",
-          l
+          m
         ));
       }
-      w.isReactWarning = !0, Object.defineProperty(t, "key", {
-        get: w,
+      g.isReactWarning = !0, Object.defineProperty(t, "key", {
+        get: g,
         configurable: !0
       });
     }
-    function B() {
-      var t = D(this.type);
-      return W[t] || (W[t] = !0, console.error(
+    function W() {
+      var t = C(this.type);
+      return L[t] || (L[t] = !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;
     }
-    function R(t, l, w, A, te, de) {
-      var S = w.ref;
+    function D(t, m, g, M, ue, ae) {
+      var E = g.ref;
       return t = {
-        $$typeof: G,
+        $$typeof: Z,
         type: t,
-        key: l,
-        props: w,
-        _owner: A
-      }, (S !== void 0 ? S : null) !== null ? Object.defineProperty(t, "ref", {
+        key: m,
+        props: g,
+        _owner: M
+      }, (E !== void 0 ? E : null) !== null ? Object.defineProperty(t, "ref", {
         enumerable: !1,
-        get: B
+        get: W
       }) : Object.defineProperty(t, "ref", { enumerable: !1, value: null }), t._store = {}, Object.defineProperty(t._store, "validated", {
         configurable: !1,
         enumerable: !1,
@@ -179,141 +179,144 @@ function ut() {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: te
+        value: ue
       }), Object.defineProperty(t, "_debugTask", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: de
+        value: ae
       }), Object.freeze && (Object.freeze(t.props), Object.freeze(t)), t;
     }
-    function H(t, l, w, A, te, de) {
-      var S = l.children;
-      if (S !== void 0)
-        if (A)
-          if (J(S)) {
-            for (A = 0; A < S.length; A++)
-              ne(S[A]);
-            Object.freeze && Object.freeze(S);
+    function U(t, m, g, M, ue, ae) {
+      var E = m.children;
+      if (E !== void 0)
+        if (M)
+          if (N(E)) {
+            for (M = 0; M < E.length; M++)
+              $(E[M]);
+            Object.freeze && Object.freeze(E);
           } else
             console.error(
               "React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
             );
-        else ne(S);
-      if (c.call(l, "key")) {
-        S = D(t);
-        var ue = Object.keys(l).filter(function(i) {
-          return i !== "key";
+        else $(E);
+      if (q.call(m, "key")) {
+        E = C(t);
+        var ie = Object.keys(m).filter(function(be) {
+          return be !== "key";
         });
-        A = 0 < ue.length ? "{key: someKey, " + ue.join(": ..., ") + ": ...}" : "{key: someKey}", le[S + A] || (ue = 0 < ue.length ? "{" + ue.join(": ..., ") + ": ...}" : "{}", console.error(
+        M = 0 < ie.length ? "{key: someKey, " + ie.join(": ..., ") + ": ...}" : "{key: someKey}", re[E + M] || (ie = 0 < ie.length ? "{" + ie.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} />`,
-          A,
-          S,
-          ue,
-          S
-        ), le[S + A] = !0);
+          M,
+          E,
+          ie,
+          E
+        ), re[E + M] = !0);
       }
-      if (S = null, w !== void 0 && (X(w), S = "" + w), q(l) && (X(l.key), S = "" + l.key), "key" in l) {
-        w = {};
-        for (var K in l)
-          K !== "key" && (w[K] = l[K]);
-      } else w = l;
-      return S && P(
-        w,
+      if (E = null, g !== void 0 && (Y(g), E = "" + g), I(m) && (Y(m.key), E = "" + m.key), "key" in m) {
+        g = {};
+        for (var le in m)
+          le !== "key" && (g[le] = m[le]);
+      } else g = m;
+      return E && O(
+        g,
         typeof t == "function" ? t.displayName || t.name || "Unknown" : t
-      ), R(
+      ), D(
         t,
-        S,
-        w,
-        b(),
-        te,
-        de
+        E,
+        g,
+        T(),
+        ue,
+        ae
       );
     }
-    function ne(t) {
-      Q(t) ? t._store && (t._store.validated = 1) : typeof t == "object" && t !== null && t.$$typeof === N && (t._payload.status === "fulfilled" ? Q(t._payload.value) && t._payload.value._store && (t._payload.value._store.validated = 1) : t._store && (t._store.validated = 1));
+    function $(t) {
+      oe(t) ? t._store && (t._store.validated = 1) : typeof t == "object" && t !== null && t.$$typeof === A && (t._payload.status === "fulfilled" ? oe(t._payload.value) && t._payload.value._store && (t._payload.value._store.validated = 1) : t._store && (t._store.validated = 1));
     }
-    function Q(t) {
-      return typeof t == "object" && t !== null && t.$$typeof === G;
+    function oe(t) {
+      return typeof t == "object" && t !== null && t.$$typeof === Z;
     }
-    var ee = Be, G = Symbol.for("react.transitional.element"), x = Symbol.for("react.portal"), j = Symbol.for("react.fragment"), _ = Symbol.for("react.strict_mode"), V = Symbol.for("react.profiler"), v = Symbol.for("react.consumer"), m = Symbol.for("react.context"), g = Symbol.for("react.forward_ref"), y = Symbol.for("react.suspense"), E = Symbol.for("react.suspense_list"), ae = Symbol.for("react.memo"), N = Symbol.for("react.lazy"), U = Symbol.for("react.activity"), Y = Symbol.for("react.client.reference"), L = ee.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, c = Object.prototype.hasOwnProperty, J = Array.isArray, z = console.createTask ? console.createTask : function() {
+    var V = Ue, Z = Symbol.for("react.transitional.element"), Q = Symbol.for("react.portal"), B = Symbol.for("react.fragment"), ee = Symbol.for("react.strict_mode"), d = Symbol.for("react.profiler"), v = Symbol.for("react.consumer"), H = Symbol.for("react.context"), z = Symbol.for("react.forward_ref"), l = Symbol.for("react.suspense"), y = Symbol.for("react.suspense_list"), _ = Symbol.for("react.memo"), A = Symbol.for("react.lazy"), te = Symbol.for("react.activity"), ce = Symbol.for("react.client.reference"), P = V.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, q = Object.prototype.hasOwnProperty, N = Array.isArray, b = console.createTask ? console.createTask : function() {
       return null;
     };
-    ee = {
+    V = {
       react_stack_bottom_frame: function(t) {
         return t();
       }
     };
-    var re, W = {}, F = ee.react_stack_bottom_frame.bind(
-      ee,
-      I
-    )(), ce = z(u(I)), le = {};
-    Te.Fragment = j, Te.jsx = function(t, l, w) {
-      var A = 1e4 > L.recentlyCreatedOwnerStacks++;
-      return H(
+    var i, L = {}, S = V.react_stack_bottom_frame.bind(
+      V,
+      R
+    )(), ne = b(a(R)), re = {};
+    Ee.Fragment = B, Ee.jsx = function(t, m, g) {
+      var M = 1e4 > P.recentlyCreatedOwnerStacks++;
+      return U(
         t,
-        l,
-        w,
+        m,
+        g,
         !1,
-        A ? Error("react-stack-top-frame") : F,
-        A ? z(u(t)) : ce
+        M ? Error("react-stack-top-frame") : S,
+        M ? b(a(t)) : ne
       );
-    }, Te.jsxs = function(t, l, w) {
-      var A = 1e4 > L.recentlyCreatedOwnerStacks++;
-      return H(
+    }, Ee.jsxs = function(t, m, g) {
+      var M = 1e4 > P.recentlyCreatedOwnerStacks++;
+      return U(
         t,
-        l,
-        w,
+        m,
+        g,
         !0,
-        A ? Error("react-stack-top-frame") : F,
-        A ? z(u(t)) : ce
+        M ? Error("react-stack-top-frame") : S,
+        M ? b(a(t)) : ne
       );
     };
-  })()), Te;
+  })()), Ee;
 }
-var Pe;
-function lt() {
-  return Pe || (Pe = 1, process.env.NODE_ENV === "production" ? Me.exports = at() : Me.exports = ut()), Me.exports;
+var Je;
+function mt() {
+  return Je || (Je = 1, process.env.NODE_ENV === "production" ? Re.exports = dt() : Re.exports = ft()), Re.exports;
 }
-var a = lt();
-const dt = 520, ft = () => /* @__PURE__ */ a.jsxs("svg", { width: "14", height: "16", viewBox: "0 0 14 16", fill: "currentColor", "aria-hidden": "true", children: [
-  /* @__PURE__ */ a.jsx("rect", { x: "1", y: "0", width: "4", height: "16", rx: "1" }),
-  /* @__PURE__ */ a.jsx("rect", { x: "9", y: "0", width: "4", height: "16", rx: "1" })
-] }), Je = () => /* @__PURE__ */ a.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__ */ a.jsx("polyline", { points: "3,5 7,9 11,5" }) }), Ne = () => /* @__PURE__ */ a.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__ */ a.jsx("polyline", { points: "3,9 7,5 11,9" }) }), mt = ({
-  currentTime: D,
+var c = mt();
+const pt = 520, ht = () => /* @__PURE__ */ c.jsxs("svg", { width: "14", height: "16", viewBox: "0 0 14 16", fill: "currentColor", "aria-hidden": "true", children: [
+  /* @__PURE__ */ c.jsx("rect", { x: "1", y: "0", width: "4", height: "16", rx: "1" }),
+  /* @__PURE__ */ c.jsx("rect", { x: "9", y: "0", width: "4", height: "16", rx: "1" })
+] }), Xe = () => /* @__PURE__ */ c.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__ */ c.jsx("polyline", { points: "3,5 7,9 11,5" }) }), Ye = () => /* @__PURE__ */ c.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__ */ c.jsx("polyline", { points: "3,9 7,5 11,9" }) }), xt = ({
+  currentTime: C,
   isPlaying: k,
-  multiplier: X,
-  dateTimeFormat: u,
-  isLive: b,
+  multiplier: Y,
+  dateTimeFormat: a,
+  timezone: T,
+  isLive: R,
   hasStartTime: I,
-  hasEndTime: q,
-  onPlayPause: P,
-  onJumpToStart: B,
-  onRewind: R,
-  onFastForward: H,
-  onJumpToEnd: ne,
+  hasEndTime: O,
+  showJumpToStart: W = !0,
+  showJumpToEnd: D = !0,
+  onPlayPause: U,
+  onJumpToStart: $,
+  onRewind: oe,
+  onFastForward: V,
+  onJumpToEnd: Z,
   onJumpToLive: Q,
-  onResetSpeed: ee,
-  onDateTimeClick: G,
-  theme: x,
-  swimLanesVisible: j,
-  onToggleSwimLanes: _
+  onResetSpeed: B,
+  onDateTimeClick: ee,
+  theme: d,
+  swimLanesVisible: v,
+  onToggleSwimLanes: H
 }) => {
-  const V = X < 0, v = X > 1, m = X === 1, g = Math.abs(X), y = T(null), [E, ae] = ve(!1);
-  $(() => {
-    const c = y.current;
-    if (!c) return;
-    const J = new ResizeObserver(([z]) => {
-      ae(z.contentRect.width < dt);
+  const z = Y < 0, l = Y > 1, y = Y === 1, _ = Math.abs(Y), A = w(null), [te, ce] = ve(!1);
+  X(() => {
+    const i = A.current;
+    if (!i) return;
+    const L = new ResizeObserver(([S]) => {
+      ce(S.contentRect.width < pt);
     });
-    return J.observe(c), () => J.disconnect();
+    return L.observe(i), () => L.disconnect();
   }, []);
-  const N = {
+  const P = {
     background: "none",
     border: "1px solid transparent",
     cursor: "pointer",
@@ -330,64 +333,73 @@ const dt = 520, ft = () => /* @__PURE__ */ a.jsxs("svg", { width: "14", height:
     fontFamily: "system-ui, -apple-system, sans-serif",
     flexShrink: 0,
     lineHeight: 1
-  }, U = (c) => ({
-    ...N,
-    color: c ? x.buttonActiveColor : x.buttonColor,
-    borderColor: c ? `${x.buttonActiveColor}33` : "transparent"
-  }), Y = (c, J) => {
-    c.currentTarget.style.backgroundColor = J ? `${x.buttonActiveColor}22` : x.buttonHoverColor + "44";
-  }, L = (c) => {
-    c.currentTarget.style.backgroundColor = "transparent";
+  }, q = (i) => ({
+    ...P,
+    color: i ? d.buttonActiveColor : d.buttonColor,
+    borderColor: i ? `${d.buttonActiveColor}33` : "transparent"
+  }), N = (i, L) => {
+    i.currentTarget.style.backgroundColor = L ? `${d.buttonActiveColor}22` : d.buttonHoverColor + "44";
+  }, b = (i) => {
+    i.currentTarget.style.backgroundColor = "transparent";
   };
-  return /* @__PURE__ */ a.jsxs(
+  return /* @__PURE__ */ c.jsxs(
     "div",
     {
-      ref: y,
+      ref: A,
       style: {
-        display: E ? "flex" : "grid",
-        gridTemplateColumns: E ? void 0 : "1fr auto 1fr",
+        display: te ? "flex" : "grid",
+        gridTemplateColumns: te ? void 0 : "1fr auto 1fr",
         alignItems: "center",
         padding: "6px 16px",
-        backgroundColor: x.controlBarBackground,
-        borderBottom: `1px solid ${x.controlBarBorder}`,
+        backgroundColor: d.controlBarBackground,
+        borderBottom: `1px solid ${d.controlBarBorder}`,
         fontFamily: "system-ui, -apple-system, sans-serif"
       },
       children: [
-        /* @__PURE__ */ a.jsxs("div", { style: { display: "flex", alignItems: "center", gap: "8px", flexShrink: 0 }, children: [
-          /* @__PURE__ */ a.jsx(
+        /* @__PURE__ */ c.jsxs("div", { style: { display: "flex", alignItems: "center", gap: "8px", flexShrink: 0 }, children: [
+          /* @__PURE__ */ c.jsx(
             "div",
             {
-              onClick: G,
-              title: G ? "Click to jump to a date/time" : void 0,
+              onClick: ee,
+              title: ee ? "Click to jump to a date/time" : void 0,
               style: {
-                color: x.labelColor,
+                color: d.labelColor,
                 fontFamily: "monospace",
                 lineHeight: 1.15,
-                cursor: G ? "pointer" : "default",
+                cursor: ee ? "pointer" : "default",
                 borderRadius: "4px",
                 padding: "2px 4px",
                 transition: "background 0.15s"
               },
-              onMouseEnter: (c) => {
-                G && (c.currentTarget.style.background = x.buttonHoverColor + "44");
+              onMouseEnter: (i) => {
+                ee && (i.currentTarget.style.background = d.buttonHoverColor + "44");
               },
-              onMouseLeave: (c) => c.currentTarget.style.background = "transparent",
+              onMouseLeave: (i) => i.currentTarget.style.background = "transparent",
               children: (() => {
-                const { timeFormat: c, dateFormat: J } = Ge(u);
-                return /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
-                  c && /* @__PURE__ */ a.jsx("div", { style: { fontSize: "2em", fontWeight: "bold", letterSpacing: "0.02em" }, children: ke(D, c) }),
-                  J && /* @__PURE__ */ a.jsx("div", { style: { fontSize: "1.15em", letterSpacing: "0.03em", color: x.buttonActiveColor }, children: ke(D, J) })
+                const { timeFormat: i, dateFormat: L } = Ke(a), S = Ze(C, T);
+                return /* @__PURE__ */ c.jsxs(c.Fragment, { children: [
+                  i && /* @__PURE__ */ c.jsx("div", { style: { fontSize: "2em", fontWeight: "bold", letterSpacing: "0.02em" }, children: Ie(C, i, T) }),
+                  L && /* @__PURE__ */ c.jsxs("div", { style: { display: "flex", alignItems: "center", gap: "6px" }, children: [
+                    /* @__PURE__ */ c.jsx("span", { style: { fontSize: "1.15em", letterSpacing: "0.03em", color: d.buttonActiveColor }, children: Ie(C, L, T) }),
+                    S && /* @__PURE__ */ c.jsx("span", { style: {
+                      fontSize: "0.9em",
+                      color: d.labelColor,
+                      opacity: 0.7,
+                      fontWeight: "bold",
+                      letterSpacing: "0.04em"
+                    }, children: S })
+                  ] })
                 ] });
               })()
             }
           ),
-          /* @__PURE__ */ a.jsxs("div", { style: { display: "flex", flexDirection: "column", gap: "2px", justifyContent: "center" }, children: [
-            /* @__PURE__ */ a.jsx(
+          /* @__PURE__ */ c.jsxs("div", { style: { display: "flex", flexDirection: "column", gap: "2px", justifyContent: "center" }, children: [
+            /* @__PURE__ */ c.jsx(
               "button",
               {
                 onClick: Q,
                 style: {
-                  ...N,
+                  ...P,
                   fontSize: "11px",
                   fontWeight: "bold",
                   letterSpacing: "0.05em",
@@ -395,301 +407,307 @@ const dt = 520, ft = () => /* @__PURE__ */ a.jsxs("svg", { width: "14", height:
                   minWidth: "52px",
                   height: "20px",
                   borderRadius: "3px",
-                  color: b ? x.controlBarBackground : x.buttonActiveColor,
-                  backgroundColor: b ? x.buttonActiveColor : "transparent",
-                  borderColor: x.buttonActiveColor,
-                  opacity: b ? 1 : 0.55
+                  color: R ? d.controlBarBackground : d.buttonActiveColor,
+                  backgroundColor: R ? d.buttonActiveColor : "transparent",
+                  borderColor: d.buttonActiveColor,
+                  opacity: R ? 1 : 0.55
                 },
-                onMouseEnter: (c) => {
-                  c.currentTarget.style.opacity = "1";
+                onMouseEnter: (i) => {
+                  i.currentTarget.style.opacity = "1";
                 },
-                onMouseLeave: (c) => {
-                  c.currentTarget.style.opacity = b ? "1" : "0.55";
+                onMouseLeave: (i) => {
+                  i.currentTarget.style.opacity = R ? "1" : "0.55";
                 },
-                title: b ? "Currently live" : "Jump to live (now)",
-                children: b ? "● LIVE" : "LIVE"
+                title: R ? "Currently live" : "Jump to live (now)",
+                children: R ? "● LIVE" : "LIVE"
               }
             ),
-            /* @__PURE__ */ a.jsx("div", { style: { height: "20px", display: "flex", alignItems: "center" }, children: !m && /* @__PURE__ */ a.jsx(
+            /* @__PURE__ */ c.jsx("div", { style: { height: "20px", display: "flex", alignItems: "center" }, children: !y && /* @__PURE__ */ c.jsx(
               "button",
               {
-                onClick: () => ee(),
+                onClick: () => B(),
                 style: {
-                  ...N,
+                  ...P,
                   fontSize: "11px",
-                  color: x.buttonActiveColor,
-                  borderColor: `${x.buttonActiveColor}44`,
+                  color: d.buttonActiveColor,
+                  borderColor: `${d.buttonActiveColor}44`,
                   width: "52px",
                   minWidth: "52px",
                   height: "20px"
                 },
-                onMouseEnter: (c) => Y(c, !0),
-                onMouseLeave: L,
+                onMouseEnter: (i) => N(i, !0),
+                onMouseLeave: b,
                 title: "Reset to 1× speed",
-                children: V ? `◀ ${g}×` : `${g}× ▶`
+                children: z ? `◀ ${_}×` : `${_}× ▶`
               }
             ) })
           ] })
         ] }),
-        /* @__PURE__ */ a.jsxs("div", { style: { display: "flex", alignItems: "center", gap: "2px", ...E ? { flex: 1, justifyContent: "center" } : {} }, children: [
-          I && /* @__PURE__ */ a.jsx(
+        /* @__PURE__ */ c.jsxs("div", { style: { display: "flex", alignItems: "center", gap: "2px", ...te ? { flex: 1, justifyContent: "center" } : {} }, children: [
+          W && /* @__PURE__ */ c.jsx(
             "button",
             {
-              onClick: B,
-              style: U(!1),
-              onMouseEnter: (c) => Y(c, !1),
-              onMouseLeave: L,
-              title: "Jump to start",
+              onClick: I ? $ : void 0,
+              disabled: !I,
+              style: { ...q(!1), opacity: I ? 1 : 0.3, cursor: I ? "pointer" : "default" },
+              onMouseEnter: I ? (i) => N(i, !1) : void 0,
+              onMouseLeave: I ? b : void 0,
+              title: I ? "Jump to start" : "No start time set",
               children: "⏮"
             }
           ),
-          /* @__PURE__ */ a.jsx(
+          /* @__PURE__ */ c.jsx(
             "button",
             {
-              onClick: R,
-              style: { ...U(V), width: "64px", minWidth: "64px", gap: "3px" },
-              onMouseEnter: (c) => Y(c, V),
-              onMouseLeave: L,
-              title: V ? `Reverse ${g}× — click to speed up, press play to stop` : "Rewind",
-              children: V ? /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
-                /* @__PURE__ */ a.jsxs("span", { style: { fontSize: "11px", fontWeight: "bold" }, children: [
-                  g,
+              onClick: oe,
+              style: { ...q(z), width: "64px", minWidth: "64px", gap: "3px" },
+              onMouseEnter: (i) => N(i, z),
+              onMouseLeave: b,
+              title: z ? `Reverse ${_}× — click to speed up, press play to stop` : "Rewind",
+              children: z ? /* @__PURE__ */ c.jsxs(c.Fragment, { children: [
+                /* @__PURE__ */ c.jsxs("span", { style: { fontSize: "11px", fontWeight: "bold" }, children: [
+                  _,
                   "×"
                 ] }),
                 "◀◀"
               ] }) : "◀◀"
             }
           ),
-          /* @__PURE__ */ a.jsx(
+          /* @__PURE__ */ c.jsx(
             "button",
             {
-              onClick: () => P(!k),
+              onClick: () => U(!k),
               style: {
-                ...N,
-                color: x.buttonActiveColor,
+                ...P,
+                color: d.buttonActiveColor,
                 fontSize: "18px",
                 width: "40px",
                 minWidth: "40px",
                 height: "40px",
-                borderColor: `${x.buttonActiveColor}55`,
+                borderColor: `${d.buttonActiveColor}55`,
                 borderRadius: "50%",
                 paddingLeft: k ? "0" : "2px"
               },
-              onMouseEnter: (c) => Y(c, !0),
-              onMouseLeave: L,
-              title: k ? "Pause" : V ? "Play (reset to 1×)" : "Play",
-              children: k ? /* @__PURE__ */ a.jsx(ft, {}) : "▶"
+              onMouseEnter: (i) => N(i, !0),
+              onMouseLeave: b,
+              title: k ? "Pause" : z ? "Play (reset to 1×)" : "Play",
+              children: k ? /* @__PURE__ */ c.jsx(ht, {}) : "▶"
             }
           ),
-          /* @__PURE__ */ a.jsx(
+          /* @__PURE__ */ c.jsx(
             "button",
             {
-              onClick: H,
-              style: { ...U(v), width: "64px", minWidth: "64px", gap: "3px" },
-              onMouseEnter: (c) => Y(c, v),
-              onMouseLeave: L,
-              title: v ? `${g}× speed — click to increase, click again at max to reset` : "Fast forward",
-              children: v ? /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
+              onClick: V,
+              style: { ...q(l), width: "64px", minWidth: "64px", gap: "3px" },
+              onMouseEnter: (i) => N(i, l),
+              onMouseLeave: b,
+              title: l ? `${_}× speed — click to increase, click again at max to reset` : "Fast forward",
+              children: l ? /* @__PURE__ */ c.jsxs(c.Fragment, { children: [
                 "▶▶",
-                /* @__PURE__ */ a.jsxs("span", { style: { fontSize: "11px", fontWeight: "bold" }, children: [
-                  g,
+                /* @__PURE__ */ c.jsxs("span", { style: { fontSize: "11px", fontWeight: "bold" }, children: [
+                  _,
                   "×"
                 ] })
               ] }) : "▶▶"
             }
           ),
-          q && /* @__PURE__ */ a.jsx(
+          D && /* @__PURE__ */ c.jsx(
             "button",
             {
-              onClick: ne,
-              style: U(!1),
-              onMouseEnter: (c) => Y(c, !1),
-              onMouseLeave: L,
-              title: "Jump to end",
+              onClick: O ? Z : void 0,
+              disabled: !O,
+              style: { ...q(!1), opacity: O ? 1 : 0.3, cursor: O ? "pointer" : "default" },
+              onMouseEnter: O ? (i) => N(i, !1) : void 0,
+              onMouseLeave: O ? b : void 0,
+              title: O ? "Jump to end" : "No end time set",
               children: "⏭"
             }
           )
         ] }),
-        !E && /* @__PURE__ */ a.jsx("div", { style: { display: "flex", justifyContent: "flex-end", alignItems: "center" }, children: _ != null && j != null && /* @__PURE__ */ a.jsx(
+        !te && /* @__PURE__ */ c.jsx("div", { style: { display: "flex", justifyContent: "flex-end", alignItems: "center" }, children: H != null && v != null && /* @__PURE__ */ c.jsx(
           "button",
           {
-            onClick: _,
+            onClick: H,
             style: {
-              ...N,
-              color: x.buttonActiveColor,
-              borderColor: `${x.buttonActiveColor}33`
+              ...P,
+              color: d.buttonActiveColor,
+              borderColor: `${d.buttonActiveColor}33`
             },
-            onMouseEnter: (c) => Y(c, j),
-            onMouseLeave: L,
-            title: j ? "Collapse swim lanes" : "Expand swim lanes",
-            children: j ? /* @__PURE__ */ a.jsx(Je, {}) : /* @__PURE__ */ a.jsx(Ne, {})
+            onMouseEnter: (i) => N(i, v),
+            onMouseLeave: b,
+            title: v ? "Collapse swim lanes" : "Expand swim lanes",
+            children: v ? /* @__PURE__ */ c.jsx(Xe, {}) : /* @__PURE__ */ c.jsx(Ye, {})
           }
         ) }),
-        E && _ != null && j != null && /* @__PURE__ */ a.jsx(
+        te && H != null && v != null && /* @__PURE__ */ c.jsx(
           "button",
           {
-            onClick: _,
+            onClick: H,
             style: {
-              ...N,
-              color: x.buttonActiveColor,
-              borderColor: `${x.buttonActiveColor}33`,
+              ...P,
+              color: d.buttonActiveColor,
+              borderColor: `${d.buttonActiveColor}33`,
               marginLeft: "4px"
             },
-            onMouseEnter: (c) => Y(c, j),
-            onMouseLeave: L,
-            title: j ? "Collapse swim lanes" : "Expand swim lanes",
-            children: j ? /* @__PURE__ */ a.jsx(Je, {}) : /* @__PURE__ */ a.jsx(Ne, {})
+            onMouseEnter: (i) => N(i, v),
+            onMouseLeave: b,
+            title: v ? "Collapse swim lanes" : "Expand swim lanes",
+            children: v ? /* @__PURE__ */ c.jsx(Xe, {}) : /* @__PURE__ */ c.jsx(Ye, {})
           }
         )
       ]
     }
   );
-}, We = He(
-  (D, k) => {
+}, Be = qe(
+  (C, k) => {
     const {
-      currentTime: X,
-      defaultStartMs: u,
-      defaultEndMs: b,
-      theme: I,
-      maxTicks: q,
-      onTimeChange: P,
-      onDragStart: B,
-      onDragEnd: R,
-      swimLanes: H,
-      showSwimLanes: ne,
-      onSwimLaneItemClick: Q,
-      onSwimLaneItemHover: ee,
-      onSwimLaneItemDoubleClick: G,
-      onSwimLaneItemContextMenu: x,
-      onSwimLaneReorder: j
-    } = D, _ = T(null), V = T(I), v = T(q), m = T(u), g = T(b), y = T(C.JulianDate.toDate(X).getTime());
-    $(() => {
-      V.current = I;
-    }, [I]), $(() => {
-      v.current = q;
-    }, [q]);
-    const E = T(H ?? []), ae = T(ne ?? (H != null && H.length > 0)), N = T(0), U = T(null), Y = T(null), L = T(Q), c = T(ee), J = T(G), z = T(x), re = T(j);
-    $(() => {
-      L.current = Q;
-    }, [Q]), $(() => {
-      c.current = ee;
-    }, [ee]), $(() => {
-      J.current = G;
-    }, [G]), $(() => {
-      z.current = x;
-    }, [x]), $(() => {
-      re.current = j;
-    }, [j]), $(() => {
-      E.current = H ?? [], i();
-    }, [H]), $(() => {
-      ae.current = ne ?? (H != null && H.length > 0), i();
-    }, [ne, H]);
-    const W = T(null), F = T(null), ce = T(!1), le = T(0), t = T("none"), l = T(0), w = T(0), A = T(0), te = T("none"), de = T(0), S = T(0), ue = (e, n) => Math.hypot(n.clientX - e.clientX, n.clientY - e.clientY), K = oe(() => ({
-      startMs: m.current,
-      endMs: g.current,
-      currentMs: y.current,
-      theme: V.current,
-      maxTicks: v.current,
-      swimLanes: E.current,
-      showSwimLanes: ae.current,
-      scrollTop: N.current,
-      reorderState: Y.current
+      currentTime: Y,
+      defaultStartMs: a,
+      defaultEndMs: T,
+      theme: R,
+      maxTicks: I,
+      timezone: O,
+      onTimeChange: W,
+      onDragStart: D,
+      onDragEnd: U,
+      swimLanes: $,
+      showSwimLanes: oe,
+      onSwimLaneItemClick: V,
+      onSwimLaneItemHover: Z,
+      onSwimLaneItemDoubleClick: Q,
+      onSwimLaneItemContextMenu: B,
+      onSwimLaneReorder: ee
+    } = C, d = w(null), v = w(R), H = w(I), z = w(O), l = w(a), y = w(T), _ = w(j.JulianDate.toDate(Y).getTime());
+    X(() => {
+      v.current = R;
+    }, [R]), X(() => {
+      H.current = I;
+    }, [I]), X(() => {
+      z.current = O, p();
+    }, [O]);
+    const A = w($ ?? []), te = w(oe ?? ($ != null && $.length > 0)), ce = w(0), P = w(null), q = w(null), N = w(V), b = w(Z), i = w(Q), L = w(B), S = w(ee);
+    X(() => {
+      N.current = V;
+    }, [V]), X(() => {
+      b.current = Z;
+    }, [Z]), X(() => {
+      i.current = Q;
+    }, [Q]), X(() => {
+      L.current = B;
+    }, [B]), X(() => {
+      S.current = ee;
+    }, [ee]), X(() => {
+      A.current = $ ?? [], p();
+    }, [$]), X(() => {
+      te.current = oe ?? ($ != null && $.length > 0), p();
+    }, [oe, $]);
+    const ne = w(null), re = w(null), t = w(!1), m = w(0), g = w("none"), M = w(0), ue = w(0), ae = w(0), E = w("none"), ie = w(0), le = w(0), be = (e, n) => Math.hypot(n.clientX - e.clientX, n.clientY - e.clientY), de = se(() => ({
+      startMs: l.current,
+      endMs: y.current,
+      currentMs: _.current,
+      theme: v.current,
+      maxTicks: H.current,
+      timezone: z.current,
+      swimLanes: A.current,
+      showSwimLanes: te.current,
+      scrollTop: ce.current,
+      reorderState: q.current
     }), []);
-    Ue(k, () => ({
-      zoomTo(e, n, r) {
-        const s = Math.max(nt, Math.min(rt, n - e)), o = (e + n) / 2;
-        m.current = o - s / 2, g.current = o + s / 2, r !== void 0 && (y.current = r), i();
+    Ge(k, () => ({
+      zoomTo(e, n, o) {
+        const s = Math.max(st, Math.min(ct, n - e)), r = (e + n) / 2;
+        l.current = r - s / 2, y.current = r + s / 2, o !== void 0 && (_.current = o), p();
       },
       getVisibleRange() {
-        return { startMs: m.current, endMs: g.current };
+        return { startMs: l.current, endMs: y.current };
       },
       startFollow(e) {
-        if (le.current = e, F.current !== null) return;
-        ce.current = !0;
+        if (m.current = e, re.current !== null) return;
+        t.current = !0;
         let n = performance.now();
-        const r = () => {
-          const s = performance.now(), o = s - n;
+        const o = () => {
+          const s = performance.now(), r = s - n;
           n = s;
-          const f = o * le.current;
-          m.current += f, g.current += f, y.current += f, i(), F.current = requestAnimationFrame(r);
+          const u = r * m.current;
+          l.current += u, y.current += u, _.current += u, p(), re.current = requestAnimationFrame(o);
         };
-        F.current = requestAnimationFrame(r);
+        re.current = requestAnimationFrame(o);
       },
       stopFollow() {
-        ce.current = !1, F.current !== null && (cancelAnimationFrame(F.current), F.current = null);
+        t.current = !1, re.current !== null && (cancelAnimationFrame(re.current), re.current = null);
       },
       correctFollow(e) {
-        if (!ce.current) return;
-        const n = e - y.current;
-        y.current = e, m.current += n, g.current += n;
+        if (!t.current) return;
+        const n = e - _.current;
+        _.current = e, l.current += n, y.current += n;
       },
       // ── Swim lane CRUD ──────────────────────────────────────────────
       appendSwimLane(e) {
-        E.current = [...E.current, e], i();
+        A.current = [...A.current, e], p();
       },
       updateSwimLane(e, n) {
-        E.current = E.current.map(
-          (r) => r.id === e ? { ...r, ...n, id: r.id } : r
-        ), i();
+        A.current = A.current.map(
+          (o) => o.id === e ? { ...o, ...n, id: o.id } : o
+        ), p();
       },
       removeSwimLane(e) {
-        E.current = E.current.filter((n) => n.id !== e), i();
+        A.current = A.current.filter((n) => n.id !== e), p();
       },
       reorderSwimLanes(e) {
-        const n = new Map(E.current.map((s) => [s.id, s])), r = [];
+        const n = new Map(A.current.map((s) => [s.id, s])), o = [];
         for (const s of e) {
-          const o = n.get(s);
-          o && r.push(o);
+          const r = n.get(s);
+          r && o.push(r);
         }
-        E.current = r, i();
+        A.current = o, p();
       }
     }));
-    const i = oe(() => {
-      const e = _.current;
+    const p = se(() => {
+      const e = d.current;
       if (!e) return;
       const n = e.getContext("2d");
       if (!n) return;
-      const r = e.getBoundingClientRect(), s = r.width, o = r.height;
-      if (s === 0 || o === 0) return;
-      const f = window.devicePixelRatio || 1, h = Math.round(s * f), p = Math.round(o * f);
-      (e.width !== h || e.height !== p) && (e.width = h, e.height = p), n.save(), n.scale(f, f);
-      const O = Ve(n, s, o, K());
-      O !== N.current && (N.current = O), n.restore();
-    }, [K]);
-    qe(() => {
-      i();
-      const e = _.current;
+      const o = e.getBoundingClientRect(), s = o.width, r = o.height;
+      if (s === 0 || r === 0) return;
+      const u = window.devicePixelRatio || 1, h = Math.round(s * u), x = Math.round(r * u);
+      (e.width !== h || e.height !== x) && (e.width = h, e.height = x), n.save(), n.scale(u, u);
+      const F = Qe(n, s, r, de());
+      F !== ce.current && (ce.current = F), n.restore();
+    }, [de]);
+    Ve(() => {
+      p();
+      const e = d.current;
       if (!e) return;
-      const n = new ResizeObserver(() => i());
+      const n = new ResizeObserver(() => p());
       return n.observe(e), () => n.disconnect();
-    }, [i]), $(() => {
-      if (ce.current) return;
-      const e = C.JulianDate.toDate(X).getTime();
-      y.current !== e && (y.current = e, i());
-    }, [X, i]);
-    const me = oe((e) => {
-      if (W.current !== null) return;
+    }, [p]), X(() => {
+      if (t.current) return;
+      const e = j.JulianDate.toDate(Y).getTime();
+      _.current !== e && (_.current = e, p());
+    }, [Y, p]);
+    const J = se((e) => {
+      if (ne.current !== null) return;
       const n = () => {
-        const r = _.current, s = g.current - m.current, o = e * s * 0.01;
-        if (m.current += o, g.current += o, r) {
-          const f = r.getBoundingClientRect(), h = Math.max(0, Math.min(f.width, w.current - f.left)), p = m.current + h / f.width * (g.current - m.current);
-          y.current = p, P(C.JulianDate.fromDate(new Date(p)));
+        const o = d.current, s = y.current - l.current, r = e * s * 0.01;
+        if (l.current += r, y.current += r, o) {
+          const u = o.getBoundingClientRect(), h = Math.max(0, Math.min(u.width, ue.current - u.left)), x = l.current + h / u.width * (y.current - l.current);
+          _.current = x, W(j.JulianDate.fromDate(new Date(x)));
         }
-        i(), W.current = requestAnimationFrame(n);
+        p(), ne.current = requestAnimationFrame(n);
       };
-      W.current = requestAnimationFrame(n);
-    }, [i, P]), ie = oe(() => {
-      W.current !== null && (cancelAnimationFrame(W.current), W.current = null);
-    }, []), se = oe((e, n, r, s) => Ke(e, n, r, s, K()), [K]), xe = oe((e, n, r) => Ze(e, n, r, K()), [K]), he = oe((e, n) => Qe(e, n, K()), [K]), Re = oe((e) => {
+      ne.current = requestAnimationFrame(n);
+    }, [p, W]), me = se(() => {
+      ne.current !== null && (cancelAnimationFrame(ne.current), ne.current = null);
+    }, []), K = se((e, n, o, s) => et(e, n, o, s, de()), [de]), pe = se((e, n, o) => tt(e, n, o, de()), [de]), he = se((e, n) => nt(e, n, de()), [de]), Ce = se((e) => {
       e.preventDefault();
-      const n = e.currentTarget.getBoundingClientRect(), r = e.clientX - n.left, s = e.clientY - n.top;
-      if (e.button === 0 && re.current) {
-        const o = xe(r, s, n.height);
-        if (o) {
-          const h = E.current.findIndex((p) => p.id === o.id);
-          Y.current = {
+      const n = e.currentTarget.getBoundingClientRect(), o = e.clientX - n.left, s = e.clientY - n.top;
+      if (e.button === 0 && S.current) {
+        const r = pe(o, s, n.height);
+        if (r) {
+          const h = A.current.findIndex((x) => x.id === r.id);
+          q.current = {
             dragging: !0,
-            dragLaneId: o.id,
+            dragLaneId: r.id,
             dragStartY: e.clientY,
             currentY: e.clientY,
             insertIndex: h
@@ -698,498 +716,505 @@ const dt = 520, ft = () => /* @__PURE__ */ a.jsxs("svg", { width: "14", height:
         }
       }
       if (e.button === 0 && he(s, n.height)) {
-        const o = (y.current - m.current) / (g.current - m.current) * n.width;
-        if (!(Math.abs(r - o) <= 10) && se(r, s, n.width, n.height)) {
-          A.current = performance.now();
+        const r = (_.current - l.current) / (y.current - l.current) * n.width;
+        if (!(Math.abs(o - r) <= 10) && K(o, s, n.width, n.height)) {
+          ae.current = performance.now();
           return;
         }
       }
       if (e.button === 0) {
-        t.current = "scrub", w.current = e.clientX, e.currentTarget.style.cursor = "grabbing", B == null || B();
-        const o = m.current + r / n.width * (g.current - m.current);
-        y.current = o, i(), P(C.JulianDate.fromDate(new Date(o)));
+        g.current = "scrub", ue.current = e.clientX, e.currentTarget.style.cursor = "grabbing", D == null || D();
+        const r = l.current + o / n.width * (y.current - l.current);
+        _.current = r, p(), W(j.JulianDate.fromDate(new Date(r)));
       } else if (e.button === 1)
-        t.current = "slide", l.current = e.clientX;
+        g.current = "slide", M.current = e.clientX;
       else if (e.button === 2) {
-        if (z.current && he(s, n.height))
+        if (L.current && he(s, n.height))
           return;
-        t.current = "zoom", l.current = e.clientX;
+        g.current = "zoom", M.current = e.clientX;
       }
-    }, [i, P, B, xe, he, se]);
-    $(() => {
-      const e = (r) => {
-        const s = Y.current;
+    }, [p, W, D, pe, he, K]);
+    X(() => {
+      const e = (o) => {
+        const s = q.current;
         if (s && s.dragging) {
-          s.currentY = r.clientY;
-          const p = _.current;
-          if (p) {
-            const O = p.getBoundingClientRect(), Z = r.clientY - O.top;
-            let Ee = -N.current;
-            const _e = E.current;
-            let je = _e.length;
-            for (let ye = 0; ye < _e.length; ye++) {
-              const Ae = _e[ye].height ?? Le, $e = Ee + Ae / 2;
-              if (Z < $e) {
-                je = ye;
+          s.currentY = o.clientY;
+          const x = d.current;
+          if (x) {
+            const F = x.getBoundingClientRect(), G = o.clientY - F.top;
+            let Te = -ce.current;
+            const Ae = A.current;
+            let Se = Ae.length;
+            for (let Me = 0; Me < Ae.length; Me++) {
+              const ke = Ae[Me].height ?? Fe, He = Te + ke / 2;
+              if (G < He) {
+                Se = Me;
                 break;
               }
-              Ee += Ae + Ie;
+              Te += ke + Oe;
             }
-            s.insertIndex = je;
+            s.insertIndex = Se;
           }
-          i();
+          p();
           return;
         }
-        if (t.current === "none") return;
-        const o = _.current;
-        if (!o) return;
-        const f = o.getBoundingClientRect(), h = f.width;
-        if (t.current === "scrub") {
-          w.current = r.clientX;
-          const p = r.clientX - f.left, O = h * 0.08;
-          p < O ? me(-1) : p > h - O ? me(1) : ie();
-          const Z = Math.max(0, Math.min(h, p)), fe = m.current + Z / h * (g.current - m.current);
-          y.current = fe, i(), P(C.JulianDate.fromDate(new Date(fe)));
-        } else if (t.current === "slide") {
-          const p = l.current - r.clientX;
-          if (l.current = r.clientX, p !== 0) {
-            const O = p / h * (g.current - m.current);
-            m.current += O, g.current += O, i();
+        if (g.current === "none") return;
+        const r = d.current;
+        if (!r) return;
+        const u = r.getBoundingClientRect(), h = u.width;
+        if (g.current === "scrub") {
+          ue.current = o.clientX;
+          const x = o.clientX - u.left, F = h * 0.08;
+          x < F ? J(-1) : x > h - F ? J(1) : me();
+          const G = Math.max(0, Math.min(h, x)), fe = l.current + G / h * (y.current - l.current);
+          _.current = fe, p(), W(j.JulianDate.fromDate(new Date(fe)));
+        } else if (g.current === "slide") {
+          const x = M.current - o.clientX;
+          if (M.current = o.clientX, x !== 0) {
+            const F = x / h * (y.current - l.current);
+            l.current += F, y.current += F, p();
           }
-        } else if (t.current === "zoom") {
-          const p = l.current - r.clientX;
-          l.current = r.clientX, p !== 0 && pe(Math.pow(1.01, p));
+        } else if (g.current === "zoom") {
+          const x = M.current - o.clientX;
+          M.current = o.clientX, x !== 0 && xe(Math.pow(1.01, x));
         }
       }, n = () => {
         var s;
-        const r = Y.current;
-        if (r && r.dragging) {
-          const o = Math.abs(r.currentY - r.dragStartY), f = E.current, h = f.findIndex((p) => p.id === r.dragLaneId);
-          if (o > 5 && h >= 0 && r.insertIndex !== h && r.insertIndex !== h + 1) {
-            const p = [...f], [O] = p.splice(h, 1), Z = r.insertIndex > h ? r.insertIndex - 1 : r.insertIndex;
-            p.splice(Z, 0, O), E.current = p, (s = re.current) == null || s.call(re, p.map((fe) => fe.id));
+        const o = q.current;
+        if (o && o.dragging) {
+          const r = Math.abs(o.currentY - o.dragStartY), u = A.current, h = u.findIndex((x) => x.id === o.dragLaneId);
+          if (r > 5 && h >= 0 && o.insertIndex !== h && o.insertIndex !== h + 1) {
+            const x = [...u], [F] = x.splice(h, 1), G = o.insertIndex > h ? o.insertIndex - 1 : o.insertIndex;
+            x.splice(G, 0, F), A.current = x, (s = S.current) == null || s.call(S, x.map((fe) => fe.id));
           }
-          Y.current = null, _.current && (_.current.style.cursor = "default"), i();
+          q.current = null, d.current && (d.current.style.cursor = "default"), p();
           return;
         }
-        ie(), t.current = "none", _.current && (_.current.style.cursor = "default"), R == null || R();
+        me(), g.current = "none", d.current && (d.current.style.cursor = "default"), U == null || U();
       };
       return document.addEventListener("mousemove", e), document.addEventListener("mouseup", n), () => {
         document.removeEventListener("mousemove", e), document.removeEventListener("mouseup", n);
       };
-    }, [i, P, R, me, ie]);
-    const pe = oe((e) => {
-      const n = et(m.current, g.current, e);
-      m.current = n.startMs, g.current = n.endMs, i();
-    }, [i]), be = oe((e) => {
+    }, [p, W, U, J, me]);
+    const xe = se((e) => {
+      const n = rt(l.current, y.current, e);
+      l.current = n.startMs, y.current = n.endMs, p();
+    }, [p]), we = se((e) => {
       e.preventDefault();
-      const n = _.current;
+      const n = d.current;
       if (!n) return;
-      const r = n.getBoundingClientRect(), s = e.clientY - r.top, o = ae.current, f = E.current;
-      if (o && f.length > 0) {
-        const h = Math.max(0, r.height - ze);
+      const o = n.getBoundingClientRect(), s = e.clientY - o.top, r = te.current, u = A.current;
+      if (r && u.length > 0) {
+        const h = Math.max(0, o.height - $e);
         if (s >= 0 && s < h) {
-          let p = 0;
-          for (const Z of f) p += (Z.height ?? Le) + Ie;
-          const O = Math.max(0, p - h);
-          if (O > 0) {
-            N.current = Math.max(0, Math.min(O, N.current + e.deltaY * tt)), i();
+          let x = 0;
+          for (const G of u) x += (G.height ?? Fe) + Oe;
+          const F = Math.max(0, x - h);
+          if (F > 0) {
+            ce.current = Math.max(0, Math.min(F, ce.current + e.deltaY * ot)), p();
             return;
           }
         }
       }
-      pe(Math.pow(1.05, e.deltaY > 0 ? -1 : 1));
-    }, [pe, i]);
-    $(() => {
-      const e = _.current;
+      xe(Math.pow(1.05, e.deltaY > 0 ? -1 : 1));
+    }, [xe, p]);
+    X(() => {
+      const e = d.current;
       if (e)
-        return e.addEventListener("wheel", be, { passive: !1 }), () => e.removeEventListener("wheel", be);
-    }, [be]), $(() => {
-      const e = _.current;
+        return e.addEventListener("wheel", we, { passive: !1 }), () => e.removeEventListener("wheel", we);
+    }, [we]), X(() => {
+      const e = d.current;
       if (!e) return;
-      const n = (o) => {
-        o.preventDefault();
-        const f = e.getBoundingClientRect();
-        if (o.touches.length === 1) {
-          const h = o.touches[0].clientX - f.left, p = Math.max(0, Math.min(f.width, h)), O = m.current + p / f.width * (g.current - m.current);
-          te.current = "scrub", de.current = o.touches[0].clientX, w.current = o.touches[0].clientX, y.current = O, i(), B == null || B(), P(C.JulianDate.fromDate(new Date(O)));
-        } else o.touches.length >= 2 && (te.current = "pinch", S.current = ue(o.touches[0], o.touches[1]));
-      }, r = (o) => {
-        o.preventDefault();
-        const f = e.getBoundingClientRect();
-        if (te.current === "scrub" && o.touches.length >= 1) {
-          const h = o.touches[0].clientX - f.left, p = f.width * 0.08;
-          if (w.current = o.touches[0].clientX, h < p) me(-1);
-          else if (h > f.width - p) me(1);
+      const n = (r) => {
+        r.preventDefault();
+        const u = e.getBoundingClientRect();
+        if (r.touches.length === 1) {
+          const h = r.touches[0].clientX - u.left, x = Math.max(0, Math.min(u.width, h)), F = l.current + x / u.width * (y.current - l.current);
+          E.current = "scrub", ie.current = r.touches[0].clientX, ue.current = r.touches[0].clientX, _.current = F, p(), D == null || D(), W(j.JulianDate.fromDate(new Date(F)));
+        } else r.touches.length >= 2 && (E.current = "pinch", le.current = be(r.touches[0], r.touches[1]));
+      }, o = (r) => {
+        r.preventDefault();
+        const u = e.getBoundingClientRect();
+        if (E.current === "scrub" && r.touches.length >= 1) {
+          const h = r.touches[0].clientX - u.left, x = u.width * 0.08;
+          if (ue.current = r.touches[0].clientX, h < x) J(-1);
+          else if (h > u.width - x) J(1);
           else {
-            ie();
-            const O = Math.max(0, Math.min(f.width, h)), Z = m.current + O / f.width * (g.current - m.current);
-            y.current = Z, i(), P(C.JulianDate.fromDate(new Date(Z)));
+            me();
+            const F = Math.max(0, Math.min(u.width, h)), G = l.current + F / u.width * (y.current - l.current);
+            _.current = G, p(), W(j.JulianDate.fromDate(new Date(G)));
           }
-        } else if (te.current === "slide" && o.touches.length >= 1) {
-          const h = de.current - o.touches[0].clientX;
-          if (de.current = o.touches[0].clientX, h !== 0) {
-            const p = h / f.width * (g.current - m.current);
-            m.current += p, g.current += p, i();
+        } else if (E.current === "slide" && r.touches.length >= 1) {
+          const h = ie.current - r.touches[0].clientX;
+          if (ie.current = r.touches[0].clientX, h !== 0) {
+            const x = h / u.width * (y.current - l.current);
+            l.current += x, y.current += x, p();
           }
-        } else if (te.current === "pinch" && o.touches.length >= 2) {
-          const h = ue(o.touches[0], o.touches[1]);
-          h > 0 && S.current > 0 && pe(S.current / h), S.current = h;
+        } else if (E.current === "pinch" && r.touches.length >= 2) {
+          const h = be(r.touches[0], r.touches[1]);
+          h > 0 && le.current > 0 && xe(le.current / h), le.current = h;
         }
-      }, s = (o) => {
-        ie(), te.current === "scrub" && (R == null || R()), o.touches.length === 0 ? te.current = "none" : o.touches.length === 1 && (te.current = "slide", de.current = o.touches[0].clientX);
+      }, s = (r) => {
+        me(), E.current === "scrub" && (U == null || U()), r.touches.length === 0 ? E.current = "none" : r.touches.length === 1 && (E.current = "slide", ie.current = r.touches[0].clientX);
       };
-      return e.addEventListener("touchstart", n, { passive: !1 }), e.addEventListener("touchmove", r, { passive: !1 }), e.addEventListener("touchend", s, { passive: !1 }), () => {
-        e.removeEventListener("touchstart", n), e.removeEventListener("touchmove", r), e.removeEventListener("touchend", s);
+      return e.addEventListener("touchstart", n, { passive: !1 }), e.addEventListener("touchmove", o, { passive: !1 }), e.addEventListener("touchend", s, { passive: !1 }), () => {
+        e.removeEventListener("touchstart", n), e.removeEventListener("touchmove", o), e.removeEventListener("touchend", s);
       };
-    }, [i, B, R, P, pe, me, ie]);
-    const Ce = oe((e) => {
-      var h, p, O;
-      if (t.current !== "none") return;
-      const n = e.currentTarget.getBoundingClientRect(), r = e.clientX - n.left, s = e.clientY - n.top, o = (y.current - m.current) / (g.current - m.current) * n.width, f = Math.abs(r - o) <= 10;
+    }, [p, D, U, W, xe, J, me]);
+    const De = se((e) => {
+      var h, x, F;
+      if (g.current !== "none") return;
+      const n = e.currentTarget.getBoundingClientRect(), o = e.clientX - n.left, s = e.clientY - n.top, r = (_.current - l.current) / (y.current - l.current) * n.width, u = Math.abs(o - r) <= 10;
       if (he(s, n.height)) {
-        const Z = se(r, s, n.width, n.height), fe = U.current;
-        if (Z)
-          e.currentTarget.style.cursor = f ? "grab" : "pointer", (!fe || fe.item.id !== Z.item.id || fe.lane.id !== Z.lane.id) && (U.current = Z, (h = c.current) == null || h.call(c, { laneId: Z.lane.id, item: Z.item, originalEvent: e.nativeEvent }), i());
-        else if (fe && (U.current = null, (p = c.current) == null || p.call(c, null), i()), f)
+        const G = K(o, s, n.width, n.height), fe = P.current;
+        if (G)
+          e.currentTarget.style.cursor = u ? "grab" : "pointer", (!fe || fe.item.id !== G.item.id || fe.lane.id !== G.lane.id) && (P.current = G, (h = b.current) == null || h.call(b, { laneId: G.lane.id, item: G.item, originalEvent: e.nativeEvent }), p());
+        else if (fe && (P.current = null, (x = b.current) == null || x.call(b, null), p()), u)
           e.currentTarget.style.cursor = "grab";
         else {
-          const Ee = xe(r, s, n.height);
-          e.currentTarget.style.cursor = Ee && re.current ? "grab" : "default";
+          const Te = pe(o, s, n.height);
+          e.currentTarget.style.cursor = Te && S.current ? "grab" : "default";
         }
         return;
       }
-      U.current && (U.current = null, (O = c.current) == null || O.call(c, null), i()), e.currentTarget.style.cursor = f ? "grab" : "default";
-    }, [i, se, he, xe]), De = oe((e) => {
+      P.current && (P.current = null, (F = b.current) == null || F.call(b, null), p()), e.currentTarget.style.cursor = u ? "grab" : "default";
+    }, [p, K, he, pe]), _e = se((e) => {
       var h;
-      if (performance.now() - A.current > 300) return;
-      const r = e.currentTarget.getBoundingClientRect(), s = e.clientX - r.left, o = e.clientY - r.top, f = se(s, o, r.width, r.height);
-      f && ((h = L.current) == null || h.call(L, { laneId: f.lane.id, item: f.item, originalEvent: e.nativeEvent }));
-    }, [se]), d = oe((e) => {
-      var f;
-      const n = e.currentTarget.getBoundingClientRect(), r = e.clientX - n.left, s = e.clientY - n.top, o = se(r, s, n.width, n.height);
-      o && ((f = J.current) == null || f.call(J, { laneId: o.lane.id, item: o.item, originalEvent: e.nativeEvent }));
-    }, [se]), M = oe((e) => {
-      const n = e.currentTarget.getBoundingClientRect(), r = e.clientX - n.left, s = e.clientY - n.top, o = se(r, s, n.width, n.height);
-      o && z.current ? (e.preventDefault(), z.current({ laneId: o.lane.id, item: o.item, originalEvent: e.nativeEvent })) : e.preventDefault();
-    }, [se]);
-    return $(() => () => {
-      W.current !== null && cancelAnimationFrame(W.current), F.current !== null && cancelAnimationFrame(F.current);
-    }, []), /* @__PURE__ */ a.jsx(
+      if (performance.now() - ae.current > 300) return;
+      const o = e.currentTarget.getBoundingClientRect(), s = e.clientX - o.left, r = e.clientY - o.top, u = K(s, r, o.width, o.height);
+      u && ((h = N.current) == null || h.call(N, { laneId: u.lane.id, item: u.item, originalEvent: e.nativeEvent }));
+    }, [K]), je = se((e) => {
+      var u;
+      const n = e.currentTarget.getBoundingClientRect(), o = e.clientX - n.left, s = e.clientY - n.top, r = K(o, s, n.width, n.height);
+      r && ((u = i.current) == null || u.call(i, { laneId: r.lane.id, item: r.item, originalEvent: e.nativeEvent }));
+    }, [K]), f = se((e) => {
+      const n = e.currentTarget.getBoundingClientRect(), o = e.clientX - n.left, s = e.clientY - n.top, r = K(o, s, n.width, n.height);
+      r && L.current ? (e.preventDefault(), L.current({ laneId: r.lane.id, item: r.item, originalEvent: e.nativeEvent })) : e.preventDefault();
+    }, [K]);
+    return X(() => () => {
+      ne.current !== null && cancelAnimationFrame(ne.current), re.current !== null && cancelAnimationFrame(re.current);
+    }, []), /* @__PURE__ */ c.jsx(
       "canvas",
       {
-        ref: _,
+        ref: d,
         style: { width: "100%", flex: 1, minHeight: 0, display: "block", cursor: "default" },
-        onMouseDown: Re,
-        onMouseMove: Ce,
-        onClick: De,
-        onDoubleClick: d,
+        onMouseDown: Ce,
+        onMouseMove: De,
+        onClick: _e,
+        onDoubleClick: je,
         onMouseLeave: () => {
           var e;
-          U.current && (U.current = null, (e = c.current) == null || e.call(c, null), i()), t.current === "none" && _.current && (_.current.style.cursor = "default");
+          P.current && (P.current = null, (e = b.current) == null || e.call(b, null), p()), g.current === "none" && d.current && (d.current.style.cursor = "default");
         },
-        onContextMenu: M
+        onContextMenu: f
       }
     );
   }
 );
-We.displayName = "TimelineCanvas";
-const Xe = [2, 4, 8, 16, 32, 100, 1], Ye = [1, 2, 4, 8, 16, 32, 100], xt = ({
-  startTime: D,
+Be.displayName = "TimelineCanvas";
+const ze = [2, 4, 8, 16, 32, 100, 1], We = [1, 2, 4, 8, 16, 32, 100], bt = ({
+  startTime: C,
   endTime: k,
-  currentTime: X,
-  clock: u,
-  onTimeChange: b,
-  onPlayPause: I,
-  onMultiplierChange: q,
-  height: P,
-  showControls: B = !0,
-  enableDrag: R = !0,
-  dateTimeFormat: H,
-  onDateTimeClick: ne,
-  jumpToTime: Q,
-  maxTicks: ee,
-  ffSpeeds: G = Xe,
-  rwSpeeds: x = Ye,
-  theme: j,
-  className: _,
-  swimLanes: V,
-  showSwimLanes: v,
-  onShowSwimLanesChange: m,
-  swimLaneTransition: g = "animated",
-  onSwimLaneItemClick: y,
-  onSwimLaneItemHover: E,
-  onSwimLaneItemDoubleClick: ae,
-  onSwimLaneItemContextMenu: N,
-  onSwimLaneReorder: U
+  currentTime: Y,
+  clock: a,
+  onTimeChange: T,
+  onPlayPause: R,
+  onMultiplierChange: I,
+  height: O,
+  showControls: W = !0,
+  showJumpToStart: D,
+  showJumpToEnd: U,
+  enableDrag: $ = !0,
+  dateTimeFormat: oe,
+  onDateTimeClick: V,
+  jumpToTime: Z,
+  maxTicks: Q,
+  ffSpeeds: B = ze,
+  rwSpeeds: ee = We,
+  theme: d,
+  className: v,
+  timezone: H,
+  swimLanes: z,
+  showSwimLanes: l,
+  onShowSwimLanesChange: y,
+  swimLaneTransition: _ = "animated",
+  onSwimLaneItemClick: A,
+  onSwimLaneItemHover: te,
+  onSwimLaneItemDoubleClick: ce,
+  onSwimLaneItemContextMenu: P,
+  onSwimLaneReorder: q
 }) => {
-  const Y = () => Date.now(), L = D ? C.JulianDate.toDate(ge(D)).getTime() : Y() - 432e5, c = k ? C.JulianDate.toDate(ge(k)).getTime() : Y() + 12 * 3600 * 1e3, [J, z] = ve(
-    () => ge(X ?? D ?? C.JulianDate.fromDate(/* @__PURE__ */ new Date()))
-  ), [re, W] = ve((u == null ? void 0 : u.shouldAnimate) ?? !1), [F, ce] = ve((u == null ? void 0 : u.multiplier) ?? 1), [le, t] = ve(v ?? !0);
-  $(() => {
-    v != null && t(v);
-  }, [v]);
-  const l = () => {
-    const d = !le;
-    t(d), m == null || m(d);
-  }, w = V != null && V.length > 0, A = T(null), [te, de] = ve(0);
-  $(() => {
-    const d = A.current;
-    if (!d) return;
-    const M = new ResizeObserver(([e]) => de(e.borderBoxSize[0].blockSize));
-    return M.observe(d), () => M.disconnect();
-  }, [B]);
-  const ue = w && !le ? `${te + ze}px` : P != null ? `${P}px` : "100%", K = T(!1), i = T(null), me = { ...ot, ...j };
-  $(() => {
-    if (!u) return;
-    const d = () => {
-      if (!K.current) {
-        const M = C.JulianDate.clone(u.currentTime);
-        if (z(M), W(u.shouldAnimate), ce(u.multiplier), i.current) {
-          const { startMs: e, endMs: n } = i.current.getVisibleRange(), r = n - e, s = C.JulianDate.toDate(M).getTime(), o = s - e;
-          o <= r * 0.1 ? i.current.zoomTo(s - r * 0.1, s + r * 0.9, s) : o >= r * 0.9 && i.current.zoomTo(s - r * 0.9, s + r * 0.1, s);
+  const N = () => Date.now(), b = C ? j.JulianDate.toDate(ge(C)).getTime() : N() - 432e5, i = k ? j.JulianDate.toDate(ge(k)).getTime() : N() + 12 * 3600 * 1e3, [L, S] = ve(
+    () => ge(Y ?? C ?? j.JulianDate.fromDate(/* @__PURE__ */ new Date()))
+  ), [ne, re] = ve((a == null ? void 0 : a.shouldAnimate) ?? !1), [t, m] = ve((a == null ? void 0 : a.multiplier) ?? 1), [g, M] = ve(l ?? !0);
+  X(() => {
+    l != null && M(l);
+  }, [l]);
+  const ue = () => {
+    const f = !g;
+    M(f), y == null || y(f);
+  }, ae = z != null && z.length > 0, E = w(null), [ie, le] = ve(0);
+  X(() => {
+    const f = E.current;
+    if (!f) return;
+    const e = new ResizeObserver(([n]) => le(n.borderBoxSize[0].blockSize));
+    return e.observe(f), () => e.disconnect();
+  }, [W]);
+  const de = ae && !g ? `${ie + $e}px` : O != null ? `${O}px` : "100%", p = w(!1), J = w(null), me = { ...it, ...d };
+  X(() => {
+    if (!a) return;
+    const f = () => {
+      if (!p.current) {
+        const e = j.JulianDate.clone(a.currentTime);
+        if (S(e), re(a.shouldAnimate), m(a.multiplier), J.current) {
+          const { startMs: n, endMs: o } = J.current.getVisibleRange(), s = o - n, r = j.JulianDate.toDate(e).getTime(), u = r - n;
+          u <= s * 0.1 ? J.current.zoomTo(r - s * 0.1, r + s * 0.9, r) : u >= s * 0.9 && J.current.zoomTo(r - s * 0.9, r + s * 0.1, r);
         }
       }
     };
-    return u.onTick.addEventListener(d), () => {
-      u.onTick.removeEventListener(d);
+    return a.onTick.addEventListener(f), () => {
+      a.onTick.removeEventListener(f);
     };
-  }, [u]), $(() => {
-    if (u) return;
-    const d = setInterval(() => {
-      if (K.current) return;
-      const M = C.JulianDate.fromDate(/* @__PURE__ */ new Date());
-      if (z(M), i.current) {
-        const { startMs: e, endMs: n } = i.current.getVisibleRange(), r = n - e, s = C.JulianDate.toDate(M).getTime(), o = s - e;
-        o <= r * 0.1 ? i.current.zoomTo(s - r * 0.1, s + r * 0.9, s) : o >= r * 0.9 && i.current.zoomTo(s - r * 0.9, s + r * 0.1, s);
+  }, [a]), X(() => {
+    if (a) return;
+    const f = setInterval(() => {
+      if (p.current) return;
+      const e = j.JulianDate.fromDate(/* @__PURE__ */ new Date());
+      if (S(e), J.current) {
+        const { startMs: n, endMs: o } = J.current.getVisibleRange(), s = o - n, r = j.JulianDate.toDate(e).getTime(), u = r - n;
+        u <= s * 0.1 ? J.current.zoomTo(r - s * 0.1, r + s * 0.9, r) : u >= s * 0.9 && J.current.zoomTo(r - s * 0.9, r + s * 0.1, r);
       }
     }, 1e3);
-    return () => clearInterval(d);
-  }, [u]), $(() => {
-    if (!Q) return;
-    const d = ge(Q);
-    if (se(d), i.current) {
-      const { startMs: M, endMs: e } = i.current.getVisibleRange(), n = e - M, r = C.JulianDate.toDate(d).getTime();
-      i.current.zoomTo(r - n / 2, r + n / 2);
+    return () => clearInterval(f);
+  }, [a]), X(() => {
+    if (!Z) return;
+    const f = ge(Z);
+    if (pe(f), J.current) {
+      const { startMs: e, endMs: n } = J.current.getVisibleRange(), o = n - e, s = j.JulianDate.toDate(f).getTime();
+      J.current.zoomTo(s - o / 2, s + o / 2);
     }
-  }, [Q]);
-  const ie = (d, M = !0) => {
-    u && (u.multiplier = d, M && (u.shouldAnimate = !0)), ce(d), M && W(!0), q == null || q(d);
-  }, se = (d) => {
-    z(d), u && (u.currentTime = C.JulianDate.clone(d)), b == null || b(d);
-  }, xe = (d) => {
-    d && F < 0 && ie(1, !1), u && (u.shouldAnimate = d), W(d), I == null || I(d);
-  }, he = () => {
-    const d = G.length > 0 ? G : Xe, M = F > 1 ? F : 1, e = d.indexOf(M), n = d[e < 0 || e === d.length - 1 ? 0 : e + 1];
-    ie(n);
-  }, Re = () => {
-    const d = x.length > 0 ? x : Ye, M = F < 0 ? Math.abs(F) : 0, e = d.indexOf(M), n = -d[e < 0 || e === d.length - 1 ? 0 : e + 1];
-    ie(n);
-  }, pe = () => {
-    var M;
-    const d = ge(D ?? C.JulianDate.fromDate(new Date(L)));
-    u && (u.currentTime = C.JulianDate.clone(d)), z(d), (M = i.current) == null || M.zoomTo(L, c);
-  }, be = () => {
-    var M;
-    const d = ge(k ?? C.JulianDate.fromDate(new Date(c)));
-    u && (u.currentTime = C.JulianDate.clone(d)), z(d), (M = i.current) == null || M.zoomTo(L, c);
+  }, [Z]);
+  const K = (f, e = !0) => {
+    a && (a.multiplier = f, e && (a.shouldAnimate = !0)), m(f), e && re(!0), I == null || I(f);
+  }, pe = (f) => {
+    S(f), a && (a.currentTime = j.JulianDate.clone(f)), T == null || T(f);
+  }, he = (f) => {
+    f && t < 0 && K(1, !1), a && (a.shouldAnimate = f), re(f), R == null || R(f);
   }, Ce = () => {
+    const f = B.length > 0 ? B : ze, e = t > 1 ? t : 1, n = f.indexOf(e), o = f[n < 0 || n === f.length - 1 ? 0 : n + 1];
+    K(o);
+  }, xe = () => {
+    const f = ee.length > 0 ? ee : We, e = t < 0 ? Math.abs(t) : 0, n = f.indexOf(e), o = -f[n < 0 || n === f.length - 1 ? 0 : n + 1];
+    K(o);
+  }, we = () => {
+    var e;
+    const f = ge(C ?? j.JulianDate.fromDate(new Date(b)));
+    a && (a.currentTime = j.JulianDate.clone(f)), S(f), (e = J.current) == null || e.zoomTo(b, i);
+  }, De = () => {
     var e;
-    const d = C.JulianDate.fromDate(/* @__PURE__ */ new Date());
-    u && (u.currentTime = C.JulianDate.clone(d)), z(d), ie(1);
-    const M = Date.now();
-    (e = i.current) == null || e.zoomTo(M - 12 * 3600 * 1e3, M + 12 * 3600 * 1e3);
-  }, De = Math.abs(C.JulianDate.toDate(J).getTime() - Date.now()) < 1e4;
-  return /* @__PURE__ */ a.jsxs(
+    const f = ge(k ?? j.JulianDate.fromDate(new Date(i)));
+    a && (a.currentTime = j.JulianDate.clone(f)), S(f), (e = J.current) == null || e.zoomTo(b, i);
+  }, _e = () => {
+    var n;
+    const f = j.JulianDate.fromDate(/* @__PURE__ */ new Date());
+    a && (a.currentTime = j.JulianDate.clone(f)), S(f), K(1);
+    const e = Date.now();
+    (n = J.current) == null || n.zoomTo(e - 12 * 3600 * 1e3, e + 12 * 3600 * 1e3);
+  }, je = Math.abs(j.JulianDate.toDate(L).getTime() - Date.now()) < 1e4;
+  return /* @__PURE__ */ c.jsxs(
     "div",
     {
-      className: _,
+      className: v,
       style: {
         width: "100%",
-        height: ue,
+        height: de,
         overflow: "hidden",
         display: "flex",
         flexDirection: "column",
         fontFamily: "system-ui, -apple-system, sans-serif",
-        transition: g === "animated" ? "height 0.2s ease" : void 0
+        transition: _ === "animated" ? "height 0.2s ease" : void 0
       },
       children: [
-        B && /* @__PURE__ */ a.jsx("div", { ref: A, children: /* @__PURE__ */ a.jsx(
-          mt,
+        W && /* @__PURE__ */ c.jsx("div", { ref: E, children: /* @__PURE__ */ c.jsx(
+          xt,
           {
-            currentTime: J,
-            isPlaying: re,
-            multiplier: F,
-            isLive: De,
-            hasStartTime: D != null,
+            currentTime: L,
+            isPlaying: ne,
+            multiplier: t,
+            isLive: je,
+            hasStartTime: C != null,
             hasEndTime: k != null,
-            onPlayPause: xe,
-            onJumpToStart: pe,
-            onRewind: Re,
-            onFastForward: he,
-            onJumpToEnd: be,
-            onJumpToLive: Ce,
-            onResetSpeed: () => ie(1),
-            onDateTimeClick: ne,
-            dateTimeFormat: H,
+            showJumpToStart: D,
+            showJumpToEnd: U,
+            onPlayPause: he,
+            onJumpToStart: we,
+            onRewind: xe,
+            onFastForward: Ce,
+            onJumpToEnd: De,
+            onJumpToLive: _e,
+            onResetSpeed: () => K(1),
+            onDateTimeClick: V,
+            dateTimeFormat: oe,
+            timezone: H,
             theme: me,
-            swimLanesVisible: w ? le : void 0,
-            onToggleSwimLanes: w ? l : void 0
+            swimLanesVisible: ae ? g : void 0,
+            onToggleSwimLanes: ae ? ue : void 0
           }
         ) }),
-        R !== !1 && /* @__PURE__ */ a.jsx(
-          We,
+        $ !== !1 && /* @__PURE__ */ c.jsx(
+          Be,
           {
-            ref: i,
-            currentTime: J,
-            defaultStartMs: L,
-            defaultEndMs: c,
+            ref: J,
+            currentTime: L,
+            defaultStartMs: b,
+            defaultEndMs: i,
             theme: me,
-            maxTicks: ee,
-            onTimeChange: se,
+            maxTicks: Q,
+            timezone: H,
+            onTimeChange: pe,
             onDragStart: () => {
-              K.current = !0;
+              p.current = !0;
             },
             onDragEnd: () => {
-              K.current = !1;
+              p.current = !1;
             },
-            swimLanes: V,
-            showSwimLanes: le,
-            onSwimLaneItemClick: y,
-            onSwimLaneItemHover: E,
-            onSwimLaneItemDoubleClick: ae,
-            onSwimLaneItemContextMenu: N,
-            onSwimLaneReorder: U
+            swimLanes: z,
+            showSwimLanes: g,
+            onSwimLaneItemClick: A,
+            onSwimLaneItemHover: te,
+            onSwimLaneItemDoubleClick: ce,
+            onSwimLaneItemContextMenu: P,
+            onSwimLaneReorder: q
           }
         )
       ]
     }
   );
-}, gt = ({
-  startTime: D,
+}, wt = ({
+  startTime: C,
   endTime: k,
-  currentTime: X,
-  width: u,
-  height: b,
-  tickInterval: I,
-  showLabels: q,
-  snapToTicks: P,
-  enableDrag: B,
-  theme: R,
-  onTimeChange: H,
-  onVisibleRangeChange: ne,
-  onDragStart: Q,
-  onDragEnd: ee
+  currentTime: Y,
+  width: a,
+  height: T,
+  tickInterval: R,
+  showLabels: I,
+  snapToTicks: O,
+  enableDrag: W,
+  theme: D,
+  onTimeChange: U,
+  onVisibleRangeChange: $,
+  onDragStart: oe,
+  onDragEnd: V
 }) => {
-  const G = Se(
-    () => st(D, k, I, u),
-    [D, k, I, u]
-  ), x = Se(
-    () => ct(X, D, k, u),
-    [X, D, k, u]
-  ), j = T(null), _ = (v) => {
-    if (!B) return;
-    const m = v.currentTarget.getBoundingClientRect(), g = v.clientX - m.left, y = Math.max(0, Math.min(u, g));
-    if (!(Math.abs(y - x) <= 10)) {
-      let W = y;
-      P && (W = it(y, G, 10));
-      const F = new Date(D).getTime(), ce = new Date(k).getTime();
-      H(C.JulianDate.fromDate(new Date(F + W / u * (ce - F))));
+  const Z = Le(
+    () => ut(C, k, R, a),
+    [C, k, R, a]
+  ), Q = Le(
+    () => at(Y, C, k, a),
+    [Y, C, k, a]
+  ), B = w(null), ee = (v) => {
+    if (!W) return;
+    const H = v.currentTarget.getBoundingClientRect(), z = v.clientX - H.left, l = Math.max(0, Math.min(a, z));
+    if (!(Math.abs(l - Q) <= 10)) {
+      let L = l;
+      O && (L = lt(l, Z, 10));
+      const S = new Date(C).getTime(), ne = new Date(k).getTime();
+      U(j.JulianDate.fromDate(new Date(S + L / a * (ne - S))));
       return;
     }
-    Q == null || Q();
-    const ae = v.clientX, N = new Date(X).getTime(), U = new Date(D).getTime(), L = (new Date(k).getTime() - U) / u;
-    let c = 0, J = !1;
-    const z = (W) => {
-      c = W.clientX - ae, J = !0, j.current || (j.current = requestAnimationFrame(() => {
-        if (J) {
-          const F = N + c * L;
-          H(C.JulianDate.fromDate(new Date(F))), J = !1;
+    oe == null || oe();
+    const _ = v.clientX, A = new Date(Y).getTime(), te = new Date(C).getTime(), P = (new Date(k).getTime() - te) / a;
+    let q = 0, N = !1;
+    const b = (L) => {
+      q = L.clientX - _, N = !0, B.current || (B.current = requestAnimationFrame(() => {
+        if (N) {
+          const S = A + q * P;
+          U(j.JulianDate.fromDate(new Date(S))), N = !1;
         }
-        j.current = null;
+        B.current = null;
       }));
-    }, re = () => {
-      document.removeEventListener("mousemove", z), document.removeEventListener("mouseup", re), j.current !== null && (cancelAnimationFrame(j.current), j.current = null), ee == null || ee();
+    }, i = () => {
+      document.removeEventListener("mousemove", b), document.removeEventListener("mouseup", i), B.current !== null && (cancelAnimationFrame(B.current), B.current = null), V == null || V();
     };
-    document.addEventListener("mousemove", z), document.addEventListener("mouseup", re);
-  }, V = (v) => {
+    document.addEventListener("mousemove", b), document.addEventListener("mouseup", i);
+  }, d = (v) => {
     v.preventDefault();
-    const m = v.shiftKey ? v.deltaY : v.deltaX !== 0 ? v.deltaX : v.deltaY;
-    if (Math.abs(m) < 1) return;
-    const g = new Date(D).getTime(), y = new Date(k).getTime(), E = m / u * (y - g) * 0.5;
-    ne == null || ne(
-      C.JulianDate.fromDate(new Date(g + E)),
-      C.JulianDate.fromDate(new Date(y + E))
+    const H = v.shiftKey ? v.deltaY : v.deltaX !== 0 ? v.deltaX : v.deltaY;
+    if (Math.abs(H) < 1) return;
+    const z = new Date(C).getTime(), l = new Date(k).getTime(), y = H / a * (l - z) * 0.5;
+    $ == null || $(
+      j.JulianDate.fromDate(new Date(z + y)),
+      j.JulianDate.fromDate(new Date(l + y))
     );
   };
-  return /* @__PURE__ */ a.jsxs(
+  return /* @__PURE__ */ c.jsxs(
     "svg",
     {
       width: "100%",
-      height: b,
-      style: { backgroundColor: R.backgroundColor, display: "block", cursor: "default" },
-      onMouseDown: _,
-      onWheel: V,
+      height: T,
+      style: { backgroundColor: D.backgroundColor, display: "block", cursor: "default" },
+      onMouseDown: ee,
+      onWheel: d,
       children: [
-        /* @__PURE__ */ a.jsx("rect", { width: u, height: b, fill: R.backgroundColor }),
-        G.map((v, m) => /* @__PURE__ */ a.jsxs("g", { children: [
-          /* @__PURE__ */ a.jsx(
+        /* @__PURE__ */ c.jsx("rect", { width: a, height: T, fill: D.backgroundColor }),
+        Z.map((v, H) => /* @__PURE__ */ c.jsxs("g", { children: [
+          /* @__PURE__ */ c.jsx(
             "line",
             {
               x1: v.position,
-              y1: b - (v.isMajor ? R.majorTickHeight : R.minorTickHeight),
+              y1: T - (v.isMajor ? D.majorTickHeight : D.minorTickHeight),
               x2: v.position,
-              y2: b,
-              stroke: v.isMajor ? R.majorTickColor : R.tickColor,
+              y2: T,
+              stroke: v.isMajor ? D.majorTickColor : D.tickColor,
               strokeWidth: "1"
             }
           ),
-          q && v.isMajor && v.label && /* @__PURE__ */ a.jsx(
+          I && v.isMajor && v.label && /* @__PURE__ */ c.jsx(
             "text",
             {
               x: v.position,
-              y: b - R.majorTickHeight - 5,
+              y: T - D.majorTickHeight - 5,
               textAnchor: "middle",
-              fill: R.labelColor,
-              fontSize: R.fontSize,
+              fill: D.labelColor,
+              fontSize: D.fontSize,
               fontFamily: "monospace",
               children: v.label
             }
           )
-        ] }, m)),
-        /* @__PURE__ */ a.jsx(
+        ] }, H)),
+        /* @__PURE__ */ c.jsx(
           "line",
           {
-            x1: x,
+            x1: Q,
             y1: 0,
-            x2: x,
-            y2: b,
-            stroke: R.indicatorColor,
-            strokeWidth: R.indicatorLineWidth,
+            x2: Q,
+            y2: T,
+            stroke: D.indicatorColor,
+            strokeWidth: D.indicatorLineWidth,
             pointerEvents: "none"
           }
         ),
-        B && /* @__PURE__ */ a.jsx(
+        W && /* @__PURE__ */ c.jsx(
           "rect",
           {
-            x: Math.max(0, x - 10),
+            x: Math.max(0, Q - 10),
             y: 0,
             width: 20,
-            height: b,
+            height: T,
             fill: "transparent",
             style: { cursor: "ew-resize" },
             pointerEvents: "visiblePainted"
           }
         ),
-        /* @__PURE__ */ a.jsx("circle", { cx: x, cy: 5, r: 4, fill: R.indicatorColor, pointerEvents: "none" })
+        /* @__PURE__ */ c.jsx("circle", { cx: Q, cy: 5, r: 4, fill: D.indicatorColor, pointerEvents: "none" })
       ]
     }
   );
 };
 export {
-  Tt as TICK_AREA_HEIGHT,
-  xt as Timeline,
-  We as TimelineCanvas,
-  mt as TimelineControls,
-  gt as TimelineSVG
+  Mt as TICK_AREA_HEIGHT,
+  bt as Timeline,
+  Be as TimelineCanvas,
+  xt as TimelineControls,
+  wt as TimelineSVG
 };