@kteneyck/cesium-timeline-react 0.1.0

package/dist/cesium-timeline-react.js

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