@kteneyck/cesium-timeline-react 0.5.0 → 0.6.0

package/dist/cesium-timeline-react.js

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