@kteneyck/cesium-timeline-react 0.3.0 → 0.5.0

package/dist/cesium-timeline-react.js

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