@kteneyck/cesium-timeline-core 0.9.0 → 0.11.0

package/README.md

@@ -17,7 +17,7 @@ A canvas-based timeline component for **React** and **Angular** with Cesium Cloc
 ### React
 
 ```bash
-npm install @kteneyck/cesium-timeline-react @kteneyck/cesium-timeline-core
+npm install @kteneyck/cesium-timeline-react
 ```
 
 Peer dependencies: `react` ≥ 19, `cesium` ≥ 1.100
@@ -25,7 +25,7 @@ Peer dependencies: `react` ≥ 19, `cesium` ≥ 1.100
 ### Angular
 
 ```bash
-npm install @kteneyck/cesium-timeline-angular @kteneyck/cesium-timeline-core
+npm install @kteneyck/cesium-timeline-angular
 ```
 
 Peer dependencies: `@angular/core` ≥ 17, `cesium` ≥ 1.100
@@ -127,12 +127,13 @@ Angular components use standalone imports — no NgModule required. Selectors: `
 - **Netflix/Hulu-style controls** — transport buttons (⏮ ◀◀ ▶/⏸ ▶▶ ⏭) always stay centered; speed badge and LIVE button in the left column never cause layout shift.
 - **Conditional start/end buttons** — ⏮ and ⏭ are only rendered when `startTime` and `endTime` props are explicitly provided.
 - **Speed cycling** — FF cycles through `ffSpeeds` (default `2×→4×→8×→16×→32×→1×`); RW cycles through `rwSpeeds` (default `−1×→−2×→−4×→−8×→−16×→−32×`). Both arrays are fully configurable.
-- **LIVE button** — filled `● LIVE` when within 10 s of wall clock; dim outline `LIVE` otherwise; clicking jumps to `Date.now()` and resets speed to 1×.
+- **LIVE button** — shows a red dot + filled background when within 10 s of wall clock; dim outline otherwise. Clicking jumps to `Date.now()` and resets speed to 1×. Configurable size (`sm`/`md`/`lg`) and position (`left`/`right`). Dot color is themeable via `liveDotColor`.
 - **Speed badge** — shown in the left column when multiplier ≠ 1×; click to reset to 1×.
 - **Two-line datetime display** — time displayed large/bold; date displayed smaller in the theme's active color.
 - **Clickable datetime** — pass `onDateTimeClick` to open your own date picker; pass the result back via `jumpToTime` to pan the canvas and set the time.
 - **Token-based datetime format** — built-in presets plus custom format strings with 17 supported tokens.
 - **Max tick limit** — `maxTicks` prop prevents the canvas from becoming overloaded at wide zoom levels by coarsening the tick scale automatically.
+- **Ghost / preview needle** — while hovering over the timeline a semi-transparent (15% opacity) preview needle tracks the cursor so you can see exactly where a click or zoom-to-selection drag would land before committing. The ghost disappears when the cursor leaves the canvas or an interaction begins.
 - **Zoom to selection** — drag in the tick area (away from the needle) to draw a time-range highlight with a crosshair cursor; on release the visible window zooms to exactly the selected span and fires `onRangeSelect` (React) / `rangeSelect` (Angular) with the resulting start and end times.
 - **Swim lanes** — display time intervals and instants as horizontal rows inside the canvas. Supports customizable styling, click/hover/double-click event hooks, drag-to-reorder, and vertical scrolling when lanes overflow.
 - **Fully themeable** — 16 theme properties cover every color, size, and font setting, including swim lane item border defaults.
@@ -145,38 +146,41 @@ Angular components use standalone imports — no NgModule required. Selectors: `
 
 ### `TimelineProps`
 
-| Prop | Type | Default | Description |
-|------|------|---------|-------------|
-| `clock` | `Cesium.Clock` | — | Cesium clock to sync with. Falls back to `setInterval` if omitted. |
-| `startTime` | `JulianDate \| Date` | now − 12 h | Left bound of initial visible window. Also shows the ⏮ button when provided. |
-| `endTime` | `JulianDate \| Date` | now + 12 h | Right bound of initial visible window. Also shows the ⏭ button when provided. |
-| `currentTime` | `JulianDate \| Date` | `startTime` | Initial needle position |
-| `height` | `number` | `120` | Canvas height in pixels |
-| `showControls` | `boolean` | `true` | Show/hide the control bar |
-| `enableDrag` | `boolean` | `true` | Show/hide the canvas (drag/seek area) |
-| `showLabels` | `boolean` | — | Show/hide tick labels on the canvas |
-| `snapToTicks` | `boolean` | — | Snap needle to nearest tick on drag |
-| `tickInterval` | `TickInterval \| number` | auto | Override automatic tick interval |
-| `maxTicks` | `number` | unlimited | Maximum number of major ticks on the canvas at once. When exceeded the tick scale is automatically coarsened. |
-| `ffSpeeds` | `number[]` | `[2,4,8,16,32,1]` | Speed steps cycled by the ▶▶ button. Last entry wraps back to first. |
-| `rwSpeeds` | `number[]` | `[1,2,4,8,16,32]` | Absolute-value speed steps cycled by the ◀◀ button (negated internally). |
-| `dateTimeFormat` | `string` | `'MMM DD YYYY HH:mm:ss'` | Token-based format string for the controls datetime display |
+| Prop | Type | Default | Description                                                                                                                                                                                                                             |
+|------|------|---------|-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|
+| `clock` | `Cesium.Clock` | — | Cesium clock to sync with. Falls back to `setInterval` if omitted.                                                                                                                                                                      |
+| `startTime` | `JulianDate \| Date` | now − 12 h | Left bound of initial visible window. Also shows the ⏮ button when provided.                                                                                                                                                            |
+| `endTime` | `JulianDate \| Date` | now + 12 h | Right bound of initial visible window. Also shows the ⏭ button when provided.                                                                                                                                                           |
+| `currentTime` | `JulianDate \| Date` | `startTime` | Initial needle position                                                                                                                                                                                                                 |
+| `height` | `number` | `120` | Canvas height in pixels                                                                                                                                                                                                                 |
+| `showControls` | `boolean` | `true` | Show/hide the control bar                                                                                                                                                                                                               |
+| `enableDrag` | `boolean` | `true` | Show/hide the canvas (drag/seek area)                                                                                                                                                                                                   |
+| `showLabels` | `boolean` | — | Show/hide tick labels on the canvas                                                                                                                                                                                                     |
+| `snapToTicks` | `boolean` | — | Snap needle to nearest tick on drag                                                                                                                                                                                                     |
+| `tickInterval` | `TickInterval \| number` | auto | Override automatic tick interval                                                                                                                                                                                                        |
+| `maxTicks` | `number` | unlimited | Maximum number of major ticks on the canvas at once. When exceeded the tick scale is automatically coarsened.                                                                                                                           |
+| `ffSpeeds` | `number[]` | `[2,4,8,16,32,1]` | Speed steps cycled by the ▶▶ button. Last entry wraps back to first.                                                                                                                                                                    |
+| `rwSpeeds` | `number[]` | `[1,2,4,8,16,32]` | Absolute-value speed steps cycled by the ◀◀ button (negated internally).                                                                                                                                                                |
+| `dateTimeFormat` | `string` | `'MMM DD YYYY HH:mm:ss'` | Token-based format string for the controls datetime display                                                                                                                                                                             |
 | `timezone` | `string` | browser local | IANA timezone name (e.g. `'UTC'`, `'America/New_York'`) or `'local'` for the browser's timezone. Controls both tick labels and the datetime display. When set, a short abbreviation (e.g. `UTC`, `EST`) appears to the right of the date. |
-| `onDateTimeClick` | `() => void` | — | Called when the user clicks the datetime display. Use to open your own date picker. |
-| `jumpToTime` | `JulianDate \| Date` | — | Set to programmatically jump the timeline to a moment (pans canvas + sets time). |
-| `theme` | `Partial<TimelineTheme>` | `defaultTheme` | Theme overrides (merged with defaults) |
-| `className` | `string` | — | CSS class applied to the root div |
-| `onTimeChange` | `(t: JulianDate) => void` | — | Fires when needle moves (drag, click, or clock tick) |
-| `onPlayPause` | `(playing: boolean) => void` | — | Fires on play/pause toggle |
-| `onMultiplierChange` | `(m: number) => void` | — | Fires when speed changes |
-| `swimLanes` | `SwimLane[]` | — | Array of swim lane definitions to render on the canvas |
-| `showSwimLanes` | `boolean` | `true` | Show or hide the swim lanes |
-| `onSwimLaneItemClick` | `(info: SwimLaneEventInfo) => void` | — | Fires when a swim lane item is clicked |
-| `onSwimLaneItemHover` | `(info: SwimLaneEventInfo \| null) => void` | — | Fires when mouse enters/leaves a swim lane item |
-| `onSwimLaneItemDoubleClick` | `(info: SwimLaneEventInfo) => void` | — | Fires when a swim lane item is double-clicked |
-| `onSwimLaneReorder` | `(orderedIds: string[]) => void` | — | Fires when swim lanes are reordered via drag. Receives the new lane id order. |
-| `onRangeSelect` | `(start: JulianDate, end: JulianDate) => void` | — | Fires when the user completes a click-and-drag in the tick area. The visible window zooms to the selected span; receives the resulting start and end times. |
-| `labels` | `Partial<TimelineLabels>` | English defaults | Override any control-bar label or tooltip string. See [Labels & i18n](#labels--i18n). |
+| `onDateTimeClick` | `() => void` | — | Called when the user clicks the datetime display. Use to open your own date picker.                                                                                                                                                     |
+| `jumpToTime` | `JulianDate \| Date` | — | Set to programmatically jump the timeline to a moment (pans canvas + sets time).                                                                                                                                                        |
+| `theme` | `Partial<TimelineTheme>` | `defaultTheme` | Theme overrides (merged with defaults)                                                                                                                                                                                                  |
+| `className` | `string` | — | CSS class applied to the root div                                                                                                                                                                                                       |
+| `onTimeChange` | `(t: JulianDate) => void` | — | Fires when needle moves (drag, click, or clock tick)                                                                                                                                                                                    |
+| `onPlayPause` | `(playing: boolean) => void` | — | Fires on play/pause toggle                                                                                                                                                                                                              |
+| `onMultiplierChange` | `(m: number) => void` | — | Fires when speed changes                                                                                                                                                                                                                |
+| `swimLanes` | `SwimLane[]` | — | Array of swim lane definitions to render on the canvas                                                                                                                                                                                  |
+| `showSwimLanes` | `boolean` | `true` | Show or hide the swim lanes                                                                                                                                                                                                             |
+| `onSwimLaneItemClick` | `(info: SwimLaneEventInfo) => void` | — | Fires when a swim lane item is clicked                                                                                                                                                                                                  |
+| `onSwimLaneItemHover` | `(info: SwimLaneEventInfo \| null) => void` | — | Fires when mouse enters/leaves a swim lane item                                                                                                                                                                                         |
+| `onSwimLaneItemDoubleClick` | `(info: SwimLaneEventInfo) => void` | — | Fires when a swim lane item is double-clicked                                                                                                                                                                                           |
+| `onSwimLaneReorder` | `(orderedIds: string[]) => void` | — | Fires when swim lanes are reordered via drag. Receives the new lane id order.                                                                                                                                                           |
+| `onRangeSelect` | `(start: JulianDate, end: JulianDate) => void` | — | Fires when the user completes a click-and-drag in the tick area. The visible window zooms to the selected span; receives the resulting start and end times.                                                                             |
+| `labels` | `Partial<TimelineLabels>` | English defaults | Override any control-bar label or tooltip string. See [Labels & i18n](#labels--i18n).                                                                                                                                                   |
+| `liveButtonSize` | `'sm' \| 'md' \| 'lg'` | `'md'` | Size of the LIVE button in the control bar.                                                                                                                                                                                             |
+| `liveButtonPosition` | `'left' \| 'right'` | `'left'` | Position of the LIVE button — beside the datetime display (`'left'`) or the opposite side of the control bar (`'right'`).                                                                                                               |
+| `invertScrollZoom` | `boolean` | `false` | Reverses the scroll-wheel zoom direction. By default scroll up zooms in and scroll down zooms out. Set to `true` for scroll down zooms in, scroll up zooms out.                                                                |
 
 ---
 
@@ -215,6 +219,7 @@ Pass a partial `TimelineTheme` object to the `theme` prop. Any omitted propertie
 | `buttonActiveColor` | `#d69826` | Active buttons, LIVE, speed badge, and date line colour |
 | `swimLaneItemBorderColor` | `#666666` | Default border colour for swim lane interval bars. Can be overridden per-lane or per-item. |
 | `swimLaneItemBorderWidth` | `0`       | Default border width (px) for swim lane interval bars. Set to `0` to remove borders globally. Can be overridden per-lane or per-item. |
+| `liveDotColor` | `#e53e3e` | Colour of the dot shown on the LIVE button when playback is live. |
 
 > **Note:** Theme colours must be resolved hex/rgb values. CSS variables like `var(--primary-color)` do **not** work in canvas `ctx.fillStyle`. Use `getComputedStyle(document.documentElement).getPropertyValue('--primary-color').trim()` to resolve them first.
 
@@ -364,13 +369,16 @@ The control bar uses a 3-column CSS grid so the transport buttons are always cen
 
 ### LIVE Button
 
-- Shows `● LIVE` (filled background) when the current time is within 10 seconds of `Date.now()`.
-- Shows `LIVE` (dim outline) otherwise.
-- Clicking jumps to `Date.now()`, centers the visible window ±12 h, and resets speed to 1×.
+- Shows a red dot and filled background when the current time is within 2 seconds of `Date.now()`.
+- Shows `LIVE` (dim outline, no dot) otherwise.
+- Clicking jumps to `Date.now()`, centers the visible window, and resets speed to 1×.
+- **Size** — controlled by the `liveButtonSize` prop: `'sm'` | `'md'` (default) | `'lg'`.
+- **Position** — controlled by the `liveButtonPosition` prop: `'left'` (default, beside the datetime display) | `'right'` (right side of the control bar).
+- **Dot color** — controlled by `theme.liveDotColor` (default `#e53e3e`).
 
 ### Speed Badge
 
-- Appears to the right of LIVE when multiplier ≠ 1×.
+- Appears inline beside the LIVE button when multiplier ≠ 1×.
 - Shows `◀ N×` for reverse, `N× ▶` for fast-forward.
 - Clicking resets to 1× speed.
 
@@ -426,7 +434,7 @@ Every label and tooltip in the control bar is overridable via the `labels` prop.
 |-----|-------------------|-------|
 | `dateTimeClickTooltip` | `"Click to jump to a date/time"` | Tooltip on the datetime display when `onDateTimeClick` is wired up |
 | `liveLabel` | `"LIVE"` | LIVE button text when not at live time |
-| `liveActiveLabel` | `"● LIVE"` | LIVE button text when at live time |
+| `liveActiveLabel` | `"LIVE"` | LIVE button text when at live time (red dot is rendered separately) |
 | `liveTooltip` | `"Jump to live (now)"` | LIVE button tooltip when not at live time |
 | `liveActiveTooltip` | `"Currently live"` | LIVE button tooltip when at live time |
 | `resetSpeedTooltip` | `"Reset to 1× speed"` | Tooltip on the speed-reset badge |
@@ -456,7 +464,7 @@ const frLabels: Partial<TimelineLabels> = {
   playTooltip: 'Lecture',
   pauseTooltip: 'Pause',
   liveLabel: 'EN DIRECT',
-  liveActiveLabel: '● EN DIRECT',
+  liveActiveLabel: 'EN DIRECT',
   liveTooltip: 'Aller en direct',
   liveActiveTooltip: 'Vous êtes en direct',
   rewindTooltip: 'Retour rapide',
@@ -482,7 +490,7 @@ export class AppComponent {
     playTooltip: 'Lecture',
     pauseTooltip: 'Pause',
     liveLabel: 'EN DIRECT',
-    liveActiveLabel: '● EN DIRECT',
+    liveActiveLabel: 'EN DIRECT',
     liveTooltip: 'Aller en direct',
     liveActiveTooltip: 'Vous êtes en direct',
     rewindActiveTooltip: (n) => `Retour ${n}× — cliquer pour accélérer`,
@@ -759,6 +767,36 @@ onRangeSelect(range: { start: Cesium.JulianDate; end: Cesium.JulianDate }) {
 
 ---
 
+## Ghost / Preview Needle
+
+When the user hovers over the timeline canvas a **ghost needle** (a semi-transparent version of the current-time indicator) tracks the cursor position in real time. It renders at **15% opacity** using the same `indicatorColor` and `indicatorLineWidth` as the real needle, giving a clear preview of where a click-to-seek or zoom-to-selection drag would begin — without moving the actual current time.
+
+### Behaviour summary
+
+| State | Ghost visible? |
+|---|---|
+| Mouse idle over canvas | ✅ Follows cursor |
+| Dragging (scrub / range-select / slide / zoom) | ❌ Hidden |
+| Mouse leaves canvas | ❌ Hidden |
+
+### Theming the ghost needle
+
+The ghost needle inherits `indicatorColor` and `indicatorLineWidth` from your theme — no additional configuration is needed. To change its appearance, update those two theme properties:
+
+```tsx
+<Timeline
+  clock={viewer.clock}
+  theme={{
+    indicatorColor: '#ffd54f',
+    indicatorLineWidth: 3,
+  }}
+/>
+```
+
+The ghost will render as the same colour at 15% opacity, and the real needle will render at full opacity.
+
+---
+
 ## Swim Lanes
 
 Swim lanes render time intervals (bars) and instants (markers) as horizontal rows directly on the timeline canvas, aligned with the ticks and needle. They are ideal for visualizing satellite passes, ground contacts, scheduled events, or any temporal data.

package/dist/cesium-timeline-core.js

@@ -1,11 +1,11 @@
 import * as A from "cesium";
-function Ce(e, t) {
+function Ye(e, t) {
   return typeof e == "function" ? e(t) : e;
 }
-const Ye = {
+const we = {
   dateTimeClickTooltip: "Click to jump to a date/time",
   liveLabel: "LIVE",
-  liveActiveLabel: "● LIVE",
+  liveActiveLabel: "LIVE",
   liveTooltip: "Jump to live (now)",
   liveActiveTooltip: "Currently live",
   resetSpeedTooltip: "Reset to 1× speed",
@@ -36,7 +36,7 @@ const Ye = {
     "Nov",
     "Dec"
   ]
-}, we = {
+}, Ee = {
   backgroundColor: "#1a1a1a",
   tickColor: "#666666",
   majorTickColor: "#999999",
@@ -52,9 +52,10 @@ const Ye = {
   buttonHoverColor: "#888888",
   buttonActiveColor: "#d69826",
   swimLaneItemBorderColor: "#666666",
-  swimLaneItemBorderWidth: 0
+  swimLaneItemBorderWidth: 0,
+  liveDotColor: "#e53e3e"
 };
-var me = /* @__PURE__ */ ((e) => (e[e.FIFTEEN_MIN = 15] = "FIFTEEN_MIN", e[e.THIRTY_MIN = 30] = "THIRTY_MIN", e[e.HOURLY = 60] = "HOURLY", e[e.CUSTOM = -1] = "CUSTOM", e))(me || {});
+var fe = /* @__PURE__ */ ((e) => (e[e.FIFTEEN_MIN = 15] = "FIFTEEN_MIN", e[e.THIRTY_MIN = 30] = "THIRTY_MIN", e[e.HOURLY = 60] = "HOURLY", e[e.CUSTOM = -1] = "CUSTOM", e))(fe || {});
 const J = {
   color: "#4da6ff",
   borderColor: "#2980b9",
@@ -64,23 +65,23 @@ const J = {
   markerSize: 10,
   labelColor: "#cccccc",
   backgroundColor: "transparent"
-}, P = 24;
-function Ee(e) {
+}, F = 24;
+function $e(e) {
   return e instanceof A.JulianDate ? A.JulianDate.clone(e) : A.JulianDate.fromDate(e);
 }
-function te(e) {
+function oe(e) {
   return e instanceof A.JulianDate ? A.JulianDate.toDate(e) : e;
 }
-function F(e) {
-  return te(e).getTime();
+function N(e) {
+  return oe(e).getTime();
 }
-function $e(e) {
+function Ie(e) {
   return A.JulianDate.fromDate(new Date(e));
 }
-function ge(e, t) {
-  return F(t) - F(e);
+function Te(e, t) {
+  return N(t) - N(e);
 }
-const Te = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"], Se = ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"], fe = {
+const Se = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"], ye = ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"], ue = {
   /** e.g. "Feb 24 2026 14:04:07" — default */
   DEFAULT: "MMM DD YYYY HH:mm:ss",
   /** e.g. "Feb 24 2026 02:04:07 PM" */
@@ -95,16 +96,16 @@ const Te = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct"
   TIME_ONLY: "HH:mm:ss",
   /** e.g. "02:04:07 PM" */
   TIME_12: "hh:mm:ss A"
-}, Ie = {
+}, Pe = {
   /** Use the browser's local timezone (default behavior). */
   LOCAL: "local",
   /** Coordinated Universal Time. */
   UTC: "UTC"
 };
-function oe(e, t) {
+function ne(e, t) {
   if (!t || t === "local") {
-    const M = e.getFullYear(), h = e.getMonth(), y = e.getDate(), S = e.getHours(), f = S % 12 || 12, u = e.getMinutes(), w = e.getSeconds(), O = e.getMilliseconds();
-    return { yr: M, mo: h, day: y, hr24: S, hr12: f, min: u, sec: w, ms: O, ampm: S < 12 ? "AM" : "PM" };
+    const p = e.getFullYear(), u = e.getMonth(), L = e.getDate(), T = e.getHours(), M = T % 12 || 12, f = e.getMinutes(), d = e.getSeconds(), $ = e.getMilliseconds();
+    return { yr: p, mo: u, day: L, hr24: T, hr12: M, min: f, sec: d, ms: $, ampm: T < 12 ? "AM" : "PM" };
   }
   const o = new Intl.DateTimeFormat("en-US", {
     timeZone: t,
@@ -116,104 +117,103 @@ function oe(e, t) {
     second: "2-digit",
     hour12: !1
   }), s = {};
-  for (const M of o.formatToParts(e))
-    M.type !== "literal" && (s[M.type] = M.value);
-  const n = parseInt(s.year), l = parseInt(s.month) - 1, a = parseInt(s.day);
-  let r = parseInt(s.hour);
-  r === 24 && (r = 0);
-  const c = r % 12 || 12, m = parseInt(s.minute), d = parseInt(s.second), p = e.getMilliseconds();
-  return { yr: n, mo: l, day: a, hr24: r, hr12: c, min: m, sec: d, ms: p, ampm: r < 12 ? "AM" : "PM" };
+  for (const p of o.formatToParts(e))
+    p.type !== "literal" && (s[p.type] = p.value);
+  const r = parseInt(s.year), l = parseInt(s.month) - 1, a = parseInt(s.day);
+  let i = parseInt(s.hour);
+  i === 24 && (i = 0);
+  const m = i % 12 || 12, c = parseInt(s.minute), S = parseInt(s.second), h = e.getMilliseconds();
+  return { yr: r, mo: l, day: a, hr24: i, hr12: m, min: c, sec: S, ms: h, ampm: i < 12 ? "AM" : "PM" };
 }
 function Re(e, t) {
-  var n;
   if (!t || t === "local") return null;
-  const o = te(e);
-  return ((n = new Intl.DateTimeFormat("en-US", {
+  const o = oe(e);
+  return new Intl.DateTimeFormat("en-US", {
     timeZone: t,
     timeZoneName: "short"
-  }).formatToParts(o).find((l) => l.type === "timeZoneName")) == null ? void 0 : n.value) ?? null;
+  }).formatToParts(o).find((r) => r.type === "timeZoneName")?.value ?? null;
 }
-function ye(e, t = fe.DEFAULT, o) {
-  const s = te(e), { yr: n, mo: l, day: a, hr24: r, hr12: c, min: m, sec: d, ms: p, ampm: M } = oe(s, o), h = (f) => String(f).padStart(2, "0"), y = (f) => String(f).padStart(3, "0"), S = {
-    YYYY: String(n),
-    YY: String(n).slice(-2),
-    MMMM: Se[l],
-    MMM: Te[l],
-    MM: h(l + 1),
+function be(e, t = ue.DEFAULT, o) {
+  const s = oe(e), { yr: r, mo: l, day: a, hr24: i, hr12: m, min: c, sec: S, ms: h, ampm: p } = ne(s, o), u = (M) => String(M).padStart(2, "0"), L = (M) => String(M).padStart(3, "0"), T = {
+    YYYY: String(r),
+    YY: String(r).slice(-2),
+    MMMM: ye[l],
+    MMM: Se[l],
+    MM: u(l + 1),
     M: String(l + 1),
-    DD: h(a),
+    DD: u(a),
     D: String(a),
-    HH: h(r),
-    H: String(r),
-    hh: h(c),
-    h: String(c),
-    mm: h(m),
-    ss: h(d),
-    SSS: y(p),
-    A: M,
-    a: M.toLowerCase()
+    HH: u(i),
+    H: String(i),
+    hh: u(m),
+    h: String(m),
+    mm: u(c),
+    ss: u(S),
+    SSS: L(h),
+    A: p,
+    a: p.toLowerCase()
   };
   return t.replace(
     /YYYY|YY|MMMM|MMM|MM|M|DD|D|HH|H|hh|h|mm|ss|SSS|A|a/g,
-    (f) => S[f] ?? f
+    (M) => T[M] ?? M
   );
 }
-function Je(e = fe.DEFAULT) {
+function Je(e = ue.DEFAULT) {
   const t = ["YYYY", "YY", "MMMM", "MMM", "MM", "M", "DD", "D"], o = ["HH", "H", "hh", "h", "mm", "ss", "SSS", "A", "a"], s = (a) => a.replace(/\s{2,}/g, " ").trim().replace(/^[\s\W]+|[\s\W]+$/g, "").trim();
-  let n = e;
-  for (const a of t) n = n.replace(a, "");
+  let r = e;
+  for (const a of t) r = r.replace(a, "");
   let l = e;
   for (const a of o) l = l.replace(a, "");
-  return { timeFormat: s(n), dateFormat: s(l) };
+  return { timeFormat: s(r), dateFormat: s(l) };
 }
-function Pe(e, t = !1) {
-  return ye(e, t ? "HH:mm:ss" : "HH:mm");
+function Fe(e, t = !1) {
+  return be(e, t ? "HH:mm:ss" : "HH:mm");
 }
-function be(e, t, o, s) {
-  const n = F(e), l = F(t), a = F(o);
+function De(e, t, o, s) {
+  const r = N(e), l = N(t), a = N(o);
   if (a === l) return 0;
-  const r = (n - l) / (a - l);
-  return Math.max(0, Math.min(1, r)) * s;
-}
-function Fe(e, t, o, s) {
-  const n = Math.max(0, Math.min(1, e / s)), l = F(t), a = F(o), r = l + n * (a - l);
-  return A.JulianDate.fromDate(new Date(r));
+  const i = (r - l) / (a - l);
+  return Math.max(0, Math.min(1, i)) * s;
 }
 function Ne(e, t, o, s) {
-  const n = [], l = ge(e, t), a = F(e);
-  let r;
-  typeof o == "number" && o in me || typeof o == "number" ? r = o * 60 * 1e3 : r = 3600 * 1e3;
-  const c = r * 4;
-  let m = a, d = 0;
-  for (; m <= a + l; ) {
-    const p = d * r % c === 0, M = be(
-      new Date(m),
+  const r = Math.max(0, Math.min(1, e / s)), l = N(t), a = N(o), i = l + r * (a - l);
+  return A.JulianDate.fromDate(new Date(i));
+}
+function _e(e, t, o, s) {
+  const r = [], l = Te(e, t), a = N(e);
+  let i;
+  typeof o == "number" && o in fe || typeof o == "number" ? i = o * 60 * 1e3 : i = 3600 * 1e3;
+  const m = i * 4;
+  let c = a, S = 0;
+  for (; c <= a + l; ) {
+    const h = S * i % m === 0, p = De(
+      new Date(c),
       e,
       t,
       s
     );
-    let h;
-    if (p) {
-      const y = new Date(m), S = y.getHours().toString().padStart(2, "0"), f = y.getMinutes().toString().padStart(2, "0");
-      h = `${S}:${f}`;
+    let u;
+    if (h) {
+      const L = new Date(c), T = L.getHours().toString().padStart(2, "0"), M = L.getMinutes().toString().padStart(2, "0");
+      u = `${T}:${M}`;
     }
-    n.push({
-      position: M,
-      isMajor: p,
-      label: h
-    }), m += r, d++;
+    r.push({
+      position: p,
+      isMajor: h,
+      label: u
+    }), c += i, S++;
   }
-  return n;
+  return r;
 }
-function _e(e, t, o = 10) {
-  let s = t[0], n = Math.abs(s.position - e);
+function We(e, t, o = 10) {
+  let s = t[0], r = Math.abs(s.position - e);
   for (const l of t) {
     const a = Math.abs(l.position - e);
-    a < n && (n = a, s = l);
+    a < r && (r = a, s = l);
   }
-  return n <= o ? s.position : e;
+  return r <= o ? s.position : e;
 }
-const De = 1e3, Le = 31536e9, L = [
+const ke = 1e3, Le = 31536e9, k = [
   1e-3,
   2e-3,
   5e-3,
@@ -262,56 +262,55 @@ const De = 1e3, Le = 31536e9, L = [
   126144e5,
   15768e6,
   31536e6
-], X = 36, W = 1, ke = 6, x = 6, We = 0.3, He = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"];
+], G = 36, O = 1, He = 6, ee = 6, Oe = 0.3, Ae = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"];
 function E(e) {
   return e < 10 ? `0${e}` : `${e}`;
 }
-function ce(e, t, o, s, n) {
-  const l = new Date(e), { yr: a, mo: r, day: c, hr24: m, hr12: d, min: p, sec: M, ms: h, ampm: y } = oe(l, o), S = s ? d : m, f = s ? ` ${y}` : "", u = n ?? He;
+function ce(e, t, o, s, r) {
+  const l = new Date(e), { yr: a, mo: i, day: m, hr24: c, hr12: S, min: h, sec: p, ms: u, ampm: L } = ne(l, o), T = s ? S : c, M = s ? ` ${L}` : "", f = r ?? Ae;
   if (t > 31536e4) return `${a}`;
-  if (t > 31536e3) return `${u[r]} ${a}`;
-  if (t > 604800) return `${u[r]} ${c}`;
-  if (t > 86400) return `${u[r]} ${c} ${E(S)}:${E(p)}${f}`;
-  if (t > 3600) return `${E(S)}:${E(p)}${f}`;
-  if (t > 60) return `${E(S)}:${E(p)}:${E(M)}${f}`;
-  const w = h > 0 ? `.${String(h).padStart(3, "0")}` : "";
-  return `${E(S)}:${E(p)}:${E(M)}${w}${f}`;
+  if (t > 31536e3) return `${f[i]} ${a}`;
+  if (t > 604800) return `${f[i]} ${m}`;
+  if (t > 86400) return `${f[i]} ${m} ${E(T)}:${E(h)}${M}`;
+  if (t > 3600) return `${E(T)}:${E(h)}${M}`;
+  if (t > 60) return `${E(T)}:${E(h)}:${E(p)}${M}`;
+  const d = u > 0 ? `.${String(u).padStart(3, "0")}` : "";
+  return `${E(T)}:${E(h)}:${E(p)}${d}${M}`;
 }
-function Ae(e, t, o) {
+function Ce(e, t, o) {
   const s = new Date(e);
   if (!o || o === "local") {
-    const c = s.getFullYear(), m = s.getMonth(), d = s.getDate();
-    return t > 31536e4 ? new Date(Math.floor(c / 100) * 100, 0).getTime() : t > 31536e3 ? new Date(Math.floor(c / 10) * 10, 0).getTime() : t > 86400 ? new Date(c, 0).getTime() : new Date(c, m, d).getTime();
+    const m = s.getFullYear(), c = s.getMonth(), S = s.getDate();
+    return t > 31536e4 ? new Date(Math.floor(m / 100) * 100, 0).getTime() : t > 31536e3 ? new Date(Math.floor(m / 10) * 10, 0).getTime() : t > 86400 ? new Date(m, 0).getTime() : new Date(m, c, S).getTime();
   }
-  const { yr: n, hr24: l, min: a, sec: r } = oe(s, o);
-  return t > 31536e4 ? Date.UTC(Math.floor(n / 100) * 100, 0, 1) : t > 31536e3 ? Date.UTC(Math.floor(n / 10) * 10, 0, 1) : t > 86400 ? Date.UTC(n, 0, 1) : e - (l * 3600 + a * 60 + r) * 1e3;
+  const { yr: r, hr24: l, min: a, sec: i } = ne(s, o);
+  return t > 31536e4 ? Date.UTC(Math.floor(r / 100) * 100, 0, 1) : t > 31536e3 ? Date.UTC(Math.floor(r / 10) * 10, 0, 1) : t > 86400 ? Date.UTC(r, 0, 1) : e - (l * 3600 + a * 60 + i) * 1e3;
 }
-function ee(e, t) {
+function te(e, t) {
   return Math.ceil(e / t + 0.5) * t;
 }
-function ue(e, t, o) {
-  var s, n, l, a, r, c, m, d, p, M, h, y;
+function he(e, t, o) {
   return {
-    color: ((s = t.style) == null ? void 0 : s.color) ?? ((n = e.style) == null ? void 0 : n.color) ?? J.color,
-    borderColor: ((l = t.style) == null ? void 0 : l.borderColor) ?? ((a = e.style) == null ? void 0 : a.borderColor) ?? (o == null ? void 0 : o.swimLaneItemBorderColor) ?? J.borderColor,
-    borderWidth: ((r = t.style) == null ? void 0 : r.borderWidth) ?? ((c = e.style) == null ? void 0 : c.borderWidth) ?? (o == null ? void 0 : o.swimLaneItemBorderWidth) ?? J.borderWidth,
-    opacity: ((m = t.style) == null ? void 0 : m.opacity) ?? ((d = e.style) == null ? void 0 : d.opacity) ?? J.opacity,
-    markerShape: ((p = t.style) == null ? void 0 : p.markerShape) ?? ((M = e.style) == null ? void 0 : M.markerShape) ?? J.markerShape,
-    markerSize: ((h = t.style) == null ? void 0 : h.markerSize) ?? ((y = e.style) == null ? void 0 : y.markerSize) ?? J.markerSize
+    color: t.style?.color ?? e.style?.color ?? J.color,
+    borderColor: t.style?.borderColor ?? e.style?.borderColor ?? o?.swimLaneItemBorderColor ?? J.borderColor,
+    borderWidth: t.style?.borderWidth ?? e.style?.borderWidth ?? o?.swimLaneItemBorderWidth ?? J.borderWidth,
+    opacity: t.style?.opacity ?? e.style?.opacity ?? J.opacity,
+    markerShape: t.style?.markerShape ?? e.style?.markerShape ?? J.markerShape,
+    markerSize: t.style?.markerSize ?? e.style?.markerSize ?? J.markerSize
   };
 }
-function he(e) {
-  return Math.max(De, Math.min(Le, e));
+function pe(e) {
+  return Math.max(ke, Math.min(Le, e));
 }
-function Oe(e, t, o) {
-  const s = t - e, n = (e + t) / 2, l = he(s * o);
+function Ue(e, t, o) {
+  const s = t - e, r = (e + t) / 2, l = pe(s * o);
   return {
-    startMs: n - l / 2,
-    endMs: n + l / 2
+    startMs: r - l / 2,
+    endMs: r + l / 2
   };
 }
-function Ue(e, t, o, s) {
-  const n = t - e, l = he(n * o), a = n > 0 ? (s - e) / n : 0.5;
+function ve(e, t, o, s) {
+  const r = t - e, l = pe(r * o), a = r > 0 ? (s - e) / r : 0.5;
   return {
     startMs: s - a * l,
     endMs: s + (1 - a) * l
@@ -319,28 +318,28 @@ function Ue(e, t, o, s) {
 }
 function Be(e) {
   let t = 0;
-  for (const o of e) t += (o.height ?? P) + W;
+  for (const o of e) t += (o.height ?? F) + O;
   return t;
 }
-function ve(e, t, o, s, n) {
-  const { swimLanes: l, showSwimLanes: a, scrollTop: r, startMs: c, endMs: m, theme: d } = n;
+function ze(e, t, o, s, r) {
+  const { swimLanes: l, showSwimLanes: a, scrollTop: i, startMs: m, endMs: c, theme: S } = r;
   if (!a || l.length === 0) return null;
-  const p = Math.max(0, s - X);
-  if (t < 0 || t >= p) return null;
-  let M = -r;
-  for (const h of l) {
-    const y = h.height ?? P, S = M, f = M + y;
-    if (M += y + W, !(t < S || t >= f)) {
-      for (const u of h.items) {
-        if (u.interval) {
-          const w = A.JulianDate.toDate(u.interval.start).getTime(), O = A.JulianDate.toDate(u.interval.stop).getTime(), k = (w - c) / (m - c) * o, U = (O - c) / (m - c) * o;
-          if (e >= Math.max(0, k) && e <= Math.min(o, U))
-            return { lane: h, item: u };
+  const h = Math.max(0, s - G);
+  if (t < 0 || t >= h) return null;
+  let p = -i;
+  for (const u of l) {
+    const L = u.height ?? F, T = p, M = p + L;
+    if (p += L + O, !(t < T || t >= M)) {
+      for (const f of u.items) {
+        if (f.interval) {
+          const d = A.JulianDate.toDate(f.interval.start).getTime(), $ = A.JulianDate.toDate(f.interval.stop).getTime(), j = (d - m) / (c - m) * o, C = ($ - m) / (c - m) * o;
+          if (e >= Math.max(0, j) && e <= Math.min(o, C))
+            return { lane: u, item: f };
         }
-        if (u.instant) {
-          const O = (A.JulianDate.toDate(u.instant).getTime() - c) / (m - c) * o, k = ue(h, u, d);
-          if (Math.abs(e - O) <= k.markerSize / 2 + 2)
-            return { lane: h, item: u };
+        if (f.instant) {
+          const $ = (A.JulianDate.toDate(f.instant).getTime() - m) / (c - m) * o, j = he(u, f, S);
+          if (Math.abs(e - $) <= j.markerSize / 2 + 2)
+            return { lane: u, item: f };
         }
       }
       return null;
@@ -348,200 +347,205 @@ function ve(e, t, o, s, n) {
   }
   return null;
 }
-function ze(e, t, o, s) {
-  const { swimLanes: n, showSwimLanes: l, scrollTop: a } = s;
-  if (!l || n.length === 0 || e > 80) return null;
-  const r = Math.max(0, o - X);
-  if (t < 0 || t >= r) return null;
-  let c = -a;
-  for (const m of n) {
-    const d = m.height ?? P;
-    if (t >= c && t < c + d) return m;
-    c += d + W;
+function je(e, t, o, s) {
+  const { swimLanes: r, showSwimLanes: l, scrollTop: a } = s;
+  if (!l || r.length === 0 || e > 80) return null;
+  const i = Math.max(0, o - G);
+  if (t < 0 || t >= i) return null;
+  let m = -a;
+  for (const c of r) {
+    const S = c.height ?? F;
+    if (t >= m && t < m + S) return c;
+    m += S + O;
   }
   return null;
 }
-function je(e, t, o) {
+function Xe(e, t, o) {
   if (!o.showSwimLanes || o.swimLanes.length === 0) return !1;
-  const s = Math.max(0, t - X);
+  const s = Math.max(0, t - G);
   return e >= 0 && e < s;
 }
-function Xe(e, t, o, s) {
+function Ge(e, t, o, s) {
   const {
-    startMs: n,
+    startMs: r,
     endMs: l,
     currentMs: a,
-    theme: r,
-    maxTicks: c,
-    swimLanes: m,
-    showSwimLanes: d,
-    reorderState: p,
-    timezone: M,
-    use12h: h,
-    months: y,
-    rangeSelection: S
+    theme: i,
+    maxTicks: m,
+    swimLanes: c,
+    showSwimLanes: S,
+    reorderState: h,
+    timezone: p,
+    use12h: u,
+    months: L,
+    rangeSelection: T,
+    hoverMs: M
   } = s;
   let { scrollTop: f } = s;
-  const u = (l - n) / 1e3;
-  if (u <= 0) return f;
-  e.fillStyle = r.backgroundColor, e.fillRect(0, 0, t, o);
-  const w = d && m.length > 0, k = w ? Math.max(0, o - X) : 0;
-  let U = 0;
-  if (w)
-    for (const i of m) U += (i.height ?? P) + W;
-  const G = Math.max(0, U - k);
-  if (f > G && (f = G), f < 0 && (f = 0), w && k > 0) {
-    e.save(), e.beginPath(), e.rect(0, 0, t, k), e.clip();
-    let i = -f;
-    const b = (D) => (D - n) / (l - n) * t;
-    for (const D of m) {
-      const T = D.height ?? P, C = i + T;
-      if (C > 0 && i < k) {
-        const g = D.style, B = (g == null ? void 0 : g.backgroundColor) ?? J.backgroundColor;
-        B && B !== "transparent" && (e.fillStyle = B, e.fillRect(0, i, t, T)), e.strokeStyle = r.tickColor + "44", e.lineWidth = 0.5, e.beginPath(), e.moveTo(0, C), e.lineTo(t, C), e.stroke();
-        for (const $ of D.items) {
-          const H = ue(D, $, r);
-          if ($.interval) {
-            const V = A.JulianDate.toDate($.interval.start).getTime(), Y = A.JulianDate.toDate($.interval.stop).getTime(), N = b(V), _ = b(Y), q = Math.max(0, N), Q = Math.min(t, _) - q;
-            if (Q > 0) {
+  const d = (l - r) / 1e3;
+  if (d <= 0) return f;
+  e.fillStyle = i.backgroundColor, e.fillRect(0, 0, t, o);
+  const $ = S && c.length > 0, C = $ ? Math.max(0, o - G) : 0;
+  let X = 0;
+  if ($)
+    for (const n of c) X += (n.height ?? F) + O;
+  const Z = Math.max(0, X - C);
+  if (f > Z && (f = Z), f < 0 && (f = 0), $ && C > 0) {
+    e.save(), e.beginPath(), e.rect(0, 0, t, C), e.clip();
+    let n = -f;
+    const y = (b) => (b - r) / (l - r) * t;
+    for (const b of c) {
+      const g = b.height ?? F, Y = n + g;
+      if (Y > 0 && n < C) {
+        const D = b.style, U = D?.backgroundColor ?? J.backgroundColor;
+        U && U !== "transparent" && (e.fillStyle = U, e.fillRect(0, n, t, g)), e.strokeStyle = i.tickColor + "44", e.lineWidth = 0.5, e.beginPath(), e.moveTo(0, Y), e.lineTo(t, Y), e.stroke();
+        for (const I of b.items) {
+          const H = he(b, I, i);
+          if (I.interval) {
+            const q = A.JulianDate.toDate(I.interval.start).getTime(), w = A.JulianDate.toDate(I.interval.stop).getTime(), _ = y(q), W = y(w), Q = Math.max(0, _), x = Math.min(t, W) - Q;
+            if (x > 0) {
               e.globalAlpha = H.opacity, e.fillStyle = H.color;
-              const se = 3, le = i + se, ae = T - se * 2;
-              e.fillRect(q, le, Q, ae), H.borderWidth > 0 && (e.strokeStyle = H.borderColor, e.lineWidth = H.borderWidth, e.strokeRect(q, le, Q, ae)), e.globalAlpha = 1;
+              const le = 3, ae = n + le, me = g - le * 2;
+              e.fillRect(Q, ae, x, me), H.borderWidth > 0 && (e.strokeStyle = H.borderColor, e.lineWidth = H.borderWidth, e.strokeRect(Q, ae, x, me)), e.globalAlpha = 1;
             }
           }
-          if ($.instant) {
-            const V = A.JulianDate.toDate($.instant).getTime(), Y = b(V);
-            if (Y >= -H.markerSize && Y <= t + H.markerSize) {
-              const N = i + T / 2, _ = H.markerSize;
-              e.globalAlpha = H.opacity, e.fillStyle = H.color, H.markerShape === "diamond" ? (e.beginPath(), e.moveTo(Y, N - _ / 2), e.lineTo(Y + _ / 2, N), e.lineTo(Y, N + _ / 2), e.lineTo(Y - _ / 2, N), e.closePath(), e.fill()) : H.markerShape === "circle" ? (e.beginPath(), e.arc(Y, N, _ / 2, 0, Math.PI * 2), e.fill()) : (e.strokeStyle = H.color, e.lineWidth = 2, e.beginPath(), e.moveTo(Y, i + 2), e.lineTo(Y, i + T - 2), e.stroke()), e.globalAlpha = 1;
+          if (I.instant) {
+            const q = A.JulianDate.toDate(I.instant).getTime(), w = y(q);
+            if (w >= -H.markerSize && w <= t + H.markerSize) {
+              const _ = n + g / 2, W = H.markerSize;
+              e.globalAlpha = H.opacity, e.fillStyle = H.color, H.markerShape === "diamond" ? (e.beginPath(), e.moveTo(w, _ - W / 2), e.lineTo(w + W / 2, _), e.lineTo(w, _ + W / 2), e.lineTo(w - W / 2, _), e.closePath(), e.fill()) : H.markerShape === "circle" ? (e.beginPath(), e.arc(w, _, W / 2, 0, Math.PI * 2), e.fill()) : (e.strokeStyle = H.color, e.lineWidth = 2, e.beginPath(), e.moveTo(w, n + 2), e.lineTo(w, n + g - 2), e.stroke()), e.globalAlpha = 1;
             }
           }
         }
-        e.font = `${Math.min(11, T - 4)}px system-ui, sans-serif`, e.textAlign = "left", e.textBaseline = "middle", e.fillStyle = (g == null ? void 0 : g.labelColor) ?? J.labelColor, e.fillText(D.label, ke, i + T / 2);
+        e.font = `${Math.min(11, g - 4)}px system-ui, sans-serif`, e.textAlign = "left", e.textBaseline = "middle", e.fillStyle = D?.labelColor ?? J.labelColor, e.fillText(b.label, He, n + g / 2);
       }
-      if (i += T + W, i >= k) break;
+      if (n += g + O, n >= C) break;
     }
-    if (p && p.dragging) {
-      const D = p.currentY - p.dragStartY;
-      let T = -f;
-      for (let g = 0; g < m.length && g < p.insertIndex; g++)
-        T += (m[g].height ?? P) + W;
-      e.strokeStyle = r.indicatorColor, e.lineWidth = 2, e.beginPath(), e.moveTo(0, T), e.lineTo(t, T), e.stroke();
-      const C = m.find((g) => g.id === p.dragLaneId);
-      if (C) {
-        const g = C.height ?? P;
-        let B = -f;
-        for (const $ of m) {
-          if ($.id === p.dragLaneId) break;
-          B += ($.height ?? P) + W;
+    if (h && h.dragging) {
+      const b = h.currentY - h.dragStartY;
+      let g = -f;
+      for (let D = 0; D < c.length && D < h.insertIndex; D++)
+        g += (c[D].height ?? F) + O;
+      e.strokeStyle = i.indicatorColor, e.lineWidth = 2, e.beginPath(), e.moveTo(0, g), e.lineTo(t, g), e.stroke();
+      const Y = c.find((D) => D.id === h.dragLaneId);
+      if (Y) {
+        const D = Y.height ?? F;
+        let U = -f;
+        for (const I of c) {
+          if (I.id === h.dragLaneId) break;
+          U += (I.height ?? F) + O;
         }
-        e.globalAlpha = 0.4, e.fillStyle = r.indicatorColor, e.fillRect(0, B + D, t, g), e.globalAlpha = 1;
+        e.globalAlpha = 0.4, e.fillStyle = i.indicatorColor, e.fillRect(0, U + b, t, D), e.globalAlpha = 1;
       }
     }
-    if (U > k) {
-      const D = t - x - 2, T = k / U, C = Math.max(20, k * T), g = f / G * (k - C);
-      e.fillStyle = r.tickColor + "22", e.fillRect(D, 0, x, k), e.fillStyle = r.tickColor + "88", e.fillRect(D, g, x, C);
+    if (X > C) {
+      const b = t - ee - 2, g = C / X, Y = Math.max(20, C * g), D = f / Z * (C - Y);
+      e.fillStyle = i.tickColor + "22", e.fillRect(b, 0, ee, C), e.fillStyle = i.tickColor + "88", e.fillRect(b, D, ee, Y);
     }
     e.restore();
   }
-  e.font = `${r.fontSize}px monospace`;
-  const pe = ce(n + u * 500, u, M, h, y), Me = e.measureText(pe).width + 24, de = Math.max(Me / t * u, u / 1e3);
-  let I = L[L.length - 1], v = L.length - 1;
-  for (let i = 0; i < L.length; i++)
-    if (L[i] > de) {
-      I = L[i], v = i;
+  e.font = `${i.fontSize}px monospace`;
+  const Me = ce(r + d * 500, d, p, u, L), de = e.measureText(Me).width + 24, ge = Math.max(de / t * d, d / 1e3);
+  let P = k[k.length - 1], v = k.length - 1;
+  for (let n = 0; n < k.length; n++)
+    if (k[n] > ge) {
+      P = k[n], v = n;
       break;
     }
-  if (c != null && c > 0)
-    for (; v < L.length - 1 && u / I > c; )
-      v++, I = L[v];
+  if (m != null && m > 0)
+    for (; v < k.length - 1 && d / P > m; )
+      v++, P = k[v];
   let R = 0;
-  for (let i = v - 1; i >= 0; i--)
-    if (I % L[i] < 1e-4) {
-      t * (L[i] / u) >= 3 && (R = L[i]);
+  for (let n = v - 1; n >= 0; n--)
+    if (P % k[n] < 1e-4) {
+      t * (k[n] / d) >= 3 && (R = k[n]);
       break;
     }
-  let z = 0;
+  let B = 0;
   if (R > 0) {
-    for (let i = 0; i < L.length && L[i] < R; i++)
-      if (R % L[i] < 1e-4 && t * (L[i] / u) >= 3) {
-        z = L[i];
+    for (let n = 0; n < k.length && k[n] < R; n++)
+      if (R % k[n] < 1e-4 && t * (k[n] / d) >= 3) {
+        B = k[n];
         break;
       }
   }
-  const ne = Ae(n, u, M), j = (n - ne) / 1e3, Z = j + u, K = (i) => t * ((i - j) / u);
-  if (z > 0) {
-    e.strokeStyle = r.tickColor, e.lineWidth = 1;
-    for (let i = Math.floor(j / z) * z; i <= Z; i = ee(i, z)) {
-      const b = K(i);
-      e.beginPath(), e.moveTo(b, o - r.minorTickHeight), e.lineTo(b, o), e.stroke();
+  const re = Ce(r, d, p), z = (r - re) / 1e3, K = z + d, V = (n) => t * ((n - z) / d);
+  if (B > 0) {
+    e.strokeStyle = i.tickColor, e.lineWidth = 1;
+    for (let n = Math.floor(z / B) * B; n <= K; n = te(n, B)) {
+      const y = V(n);
+      e.beginPath(), e.moveTo(y, o - i.minorTickHeight), e.lineTo(y, o), e.stroke();
     }
   }
   if (R > 0) {
-    e.strokeStyle = r.tickColor, e.lineWidth = 1;
-    for (let i = Math.floor(j / R) * R; i <= Z; i = ee(i, R)) {
-      const b = K(i);
-      e.beginPath(), e.moveTo(b, o - r.minorTickHeight), e.lineTo(b, o), e.stroke();
+    e.strokeStyle = i.tickColor, e.lineWidth = 1;
+    for (let n = Math.floor(z / R) * R; n <= K; n = te(n, R)) {
+      const y = V(n);
+      e.beginPath(), e.moveTo(y, o - i.minorTickHeight), e.lineTo(y, o), e.stroke();
     }
   }
   e.textAlign = "center", e.textBaseline = "bottom";
-  let re = -1 / 0;
-  for (let i = Math.floor(j / I) * I; i <= Z + I; i = ee(i, I)) {
-    const b = K(i), D = ne + i * 1e3;
-    e.strokeStyle = r.majorTickColor, e.lineWidth = 1, e.beginPath(), e.moveTo(b, o - r.majorTickHeight), e.lineTo(b, o), e.stroke();
-    const T = ce(D, u, M, h, y), C = e.measureText(T).width, g = b - C / 2;
-    g > re && (e.fillStyle = r.labelColor, e.fillText(T, b, o - r.majorTickHeight - 4), re = g + C + 5);
+  let ie = -1 / 0;
+  for (let n = Math.floor(z / P) * P; n <= K + P; n = te(n, P)) {
+    const y = V(n), b = re + n * 1e3;
+    e.strokeStyle = i.majorTickColor, e.lineWidth = 1, e.beginPath(), e.moveTo(y, o - i.majorTickHeight), e.lineTo(y, o), e.stroke();
+    const g = ce(b, d, p, u, L), Y = e.measureText(g).width, D = y - Y / 2;
+    D > ie && (e.fillStyle = i.labelColor, e.fillText(g, y, o - i.majorTickHeight - 4), ie = D + Y + 5);
+  }
+  if (T) {
+    const n = (T.startMs - r) / (l - r) * t, y = (T.endMs - r) / (l - r) * t, b = Math.min(n, y), g = Math.abs(y - n);
+    e.globalAlpha = 0.2, e.fillStyle = i.indicatorColor, e.fillRect(b, 0, g, o), e.globalAlpha = 1;
   }
-  if (S) {
-    const i = (S.startMs - n) / (l - n) * t, b = (S.endMs - n) / (l - n) * t, D = Math.min(i, b), T = Math.abs(b - i);
-    e.globalAlpha = 0.2, e.fillStyle = r.indicatorColor, e.fillRect(D, 0, T, o), e.globalAlpha = 1;
+  const se = (a - r) / (l - r) * t;
+  if (e.strokeStyle = i.indicatorColor, e.lineWidth = i.indicatorLineWidth, e.beginPath(), e.moveTo(se, 0), e.lineTo(se, o), e.stroke(), M != null) {
+    const n = (M - r) / (l - r) * t;
+    e.globalAlpha = 0.15, e.strokeStyle = i.indicatorColor, e.lineWidth = i.indicatorLineWidth, e.beginPath(), e.moveTo(n, 0), e.lineTo(n, o), e.stroke(), e.globalAlpha = 1;
   }
-  const ie = (a - n) / (l - n) * t;
-  return e.strokeStyle = r.indicatorColor, e.lineWidth = r.indicatorLineWidth, e.beginPath(), e.moveTo(ie, 0), e.lineTo(ie, o), e.stroke(), f;
+  return f;
 }
 export {
-  Ye as DEFAULT_LABELS,
-  P as DEFAULT_LANE_HEIGHT,
-  fe as DateTimeFormats,
-  ke as LABEL_PAD_LEFT,
-  W as LANE_GAP,
+  we as DEFAULT_LABELS,
+  F as DEFAULT_LANE_HEIGHT,
+  ue as DateTimeFormats,
+  He as LABEL_PAD_LEFT,
+  O as LANE_GAP,
   Le as MAX_SPAN_MS,
-  De as MIN_SPAN_MS,
-  He as MONTHS,
-  x as SCROLLBAR_WIDTH,
-  We as SWIM_LANE_SCROLL_SPEED,
-  X as TICK_AREA_HEIGHT,
-  L as TIC_SCALES,
-  me as TickInterval,
-  Ie as Timezones,
-  Ae as calcEpochMs,
-  he as clampSpan,
+  ke as MIN_SPAN_MS,
+  Ae as MONTHS,
+  ee as SCROLLBAR_WIDTH,
+  Oe as SWIM_LANE_SCROLL_SPEED,
+  G as TICK_AREA_HEIGHT,
+  k as TIC_SCALES,
+  fe as TickInterval,
+  Pe as Timezones,
+  Ce as calcEpochMs,
+  pe as clampSpan,
   J as defaultSwimLaneStyle,
-  we as defaultTheme,
-  Xe as drawTimeline,
-  ye as formatDateTime,
-  Pe as formatTime,
-  $e as fromMilliseconds,
-  Ne as generateTicks,
-  oe as getDateParts,
-  ge as getDurationMs,
+  Ee as defaultTheme,
+  Ge as drawTimeline,
+  be as formatDateTime,
+  Fe as formatTime,
+  Ie as fromMilliseconds,
+  _e as generateTicks,
+  ne as getDateParts,
+  Te as getDurationMs,
   Re as getTimezoneAbbr,
-  ze as hitTestLaneLabel,
-  ve as hitTestSwimLane,
-  je as isInSwimLaneRegion,
+  je as hitTestLaneLabel,
+  ze as hitTestSwimLane,
+  Xe as isInSwimLaneRegion,
   ce as makeLabel,
-  ee as nextTic,
-  Fe as positionToTime,
-  ue as resolveItemStyle,
-  Ce as resolveLabel,
-  _e as snapToTick,
+  te as nextTic,
+  Ne as positionToTime,
+  he as resolveItemStyle,
+  Ye as resolveLabel,
+  We as snapToTick,
   Je as splitForDisplay,
-  be as timeToPosition,
-  te as toDate,
-  Ee as toJulianDate,
-  F as toMilliseconds,
+  De as timeToPosition,
+  oe as toDate,
+  $e as toJulianDate,
+  N as toMilliseconds,
   Be as totalSwimLaneHeight,
   E as twoD,
-  Ue as zoomAroundMs,
-  Oe as zoomRange
+  ve as zoomAroundMs,
+  Ue as zoomRange
 };

package/dist/cesium-timeline-core.umd.cjs

@@ -1 +1 @@
-(function(l,j){typeof exports=="object"&&typeof module<"u"?j(exports,require("cesium")):typeof define=="function"&&define.amd?define(["exports","cesium"],j):(l=typeof globalThis<"u"?globalThis:l||self,j(l.CesiumTimelineCore={},l.Cesium))})(this,(function(l,j){"use strict";function Ae(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const o in e)if(o!=="default"){const i=Object.getOwnPropertyDescriptor(e,o);Object.defineProperty(t,o,i.get?i:{enumerable:!0,get:()=>e[o]})}}return t.default=e,Object.freeze(t)}const k=Ae(j);function He(e,t){return typeof e=="function"?e(t):e}const ke={dateTimeClickTooltip:"Click to jump to a date/time",liveLabel:"LIVE",liveActiveLabel:"● LIVE",liveTooltip:"Jump to live (now)",liveActiveTooltip:"Currently live",resetSpeedTooltip:"Reset to 1× speed",jumpToStartTooltip:"Jump to start",noStartTimeTooltip:"No start time set",jumpToEndTooltip:"Jump to end",noEndTimeTooltip:"No end time set",rewindTooltip:"Rewind",rewindActiveTooltip:e=>`Reverse ${e}× — click to speed up, press play to stop`,playTooltip:"Play",playFromRewindTooltip:"Play (reset to 1×)",pauseTooltip:"Pause",fastForwardTooltip:"Fast forward",fastForwardActiveTooltip:e=>`${e}× speed — click to increase, click again at max to reset`,collapseSwimLanesTooltip:"Collapse swim lanes",expandSwimLanesTooltip:"Expand swim lanes",months:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"]},Ce={backgroundColor:"#1a1a1a",tickColor:"#666666",majorTickColor:"#999999",labelColor:"#cccccc",indicatorColor:"#d69826",indicatorLineWidth:5,majorTickHeight:10,minorTickHeight:5,fontSize:12,controlBarBackground:"#242424",controlBarBorder:"#333333",buttonColor:"#666666",buttonHoverColor:"#888888",buttonActiveColor:"#d69826",swimLaneItemBorderColor:"#666666",swimLaneItemBorderWidth:0};var x=(e=>(e[e.FIFTEEN_MIN=15]="FIFTEEN_MIN",e[e.THIRTY_MIN=30]="THIRTY_MIN",e[e.HOURLY=60]="HOURLY",e[e.CUSTOM=-1]="CUSTOM",e))(x||{});const I={color:"#4da6ff",borderColor:"#2980b9",borderWidth:1,opacity:.8,markerShape:"diamond",markerSize:10,labelColor:"#cccccc",backgroundColor:"transparent"},P=24;function Ee(e){return e instanceof k.JulianDate?k.JulianDate.clone(e):k.JulianDate.fromDate(e)}function Z(e){return e instanceof k.JulianDate?k.JulianDate.toDate(e):e}function N(e){return Z(e).getTime()}function _e(e){return k.JulianDate.fromDate(new Date(e))}function me(e,t){return N(t)-N(e)}const we=["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],Ye=["January","February","March","April","May","June","July","August","September","October","November","December"],ee={DEFAULT:"MMM DD YYYY HH:mm:ss",TWELVE_HR:"MMM DD YYYY hh:mm:ss A",ISO:"YYYY-MM-DD HH:mm:ss",US:"MM/DD/YYYY HH:mm",EU:"DD/MM/YYYY HH:mm",TIME_ONLY:"HH:mm:ss",TIME_12:"hh:mm:ss A"},Ie={LOCAL:"local",UTC:"UTC"};function V(e,t){if(!t||t==="local"){const d=e.getFullYear(),M=e.getMonth(),D=e.getDate(),b=e.getHours(),u=b%12||12,h=e.getMinutes(),Y=e.getSeconds(),U=e.getMilliseconds();return{yr:d,mo:M,day:D,hr24:b,hr12:u,min:h,sec:Y,ms:U,ampm:b<12?"AM":"PM"}}const o=new Intl.DateTimeFormat("en-US",{timeZone:t,year:"numeric",month:"2-digit",day:"2-digit",hour:"2-digit",minute:"2-digit",second:"2-digit",hour12:!1}),i={};for(const d of o.formatToParts(e))d.type!=="literal"&&(i[d.type]=d.value);const n=parseInt(i.year),s=parseInt(i.month)-1,c=parseInt(i.day);let r=parseInt(i.hour);r===24&&(r=0);const m=r%12||12,f=parseInt(i.minute),g=parseInt(i.second),T=e.getMilliseconds();return{yr:n,mo:s,day:c,hr24:r,hr12:m,min:f,sec:g,ms:T,ampm:r<12?"AM":"PM"}}function Pe(e,t){var n;if(!t||t==="local")return null;const o=Z(e);return((n=new Intl.DateTimeFormat("en-US",{timeZone:t,timeZoneName:"short"}).formatToParts(o).find(s=>s.type==="timeZoneName"))==null?void 0:n.value)??null}function fe(e,t=ee.DEFAULT,o){const i=Z(e),{yr:n,mo:s,day:c,hr24:r,hr12:m,min:f,sec:g,ms:T,ampm:d}=V(i,o),M=u=>String(u).padStart(2,"0"),D=u=>String(u).padStart(3,"0"),b={YYYY:String(n),YY:String(n).slice(-2),MMMM:Ye[s],MMM:we[s],MM:M(s+1),M:String(s+1),DD:M(c),D:String(c),HH:M(r),H:String(r),hh:M(m),h:String(m),mm:M(f),ss:M(g),SSS:D(T),A:d,a:d.toLowerCase()};return t.replace(/YYYY|YY|MMMM|MMM|MM|M|DD|D|HH|H|hh|h|mm|ss|SSS|A|a/g,u=>b[u]??u)}function Ne(e=ee.DEFAULT){const t=["YYYY","YY","MMMM","MMM","MM","M","DD","D"],o=["HH","H","hh","h","mm","ss","SSS","A","a"],i=c=>c.replace(/\s{2,}/g," ").trim().replace(/^[\s\W]+|[\s\W]+$/g,"").trim();let n=e;for(const c of t)n=n.replace(c,"");let s=e;for(const c of o)s=s.replace(c,"");return{timeFormat:i(n),dateFormat:i(s)}}function Re(e,t=!1){return fe(e,t?"HH:mm:ss":"HH:mm")}function ue(e,t,o,i){const n=N(e),s=N(t),c=N(o);if(c===s)return 0;const r=(n-s)/(c-s);return Math.max(0,Math.min(1,r))*i}function Fe(e,t,o,i){const n=Math.max(0,Math.min(1,e/i)),s=N(t),c=N(o),r=s+n*(c-s);return k.JulianDate.fromDate(new Date(r))}function $e(e,t,o,i){const n=[],s=me(e,t),c=N(e);let r;typeof o=="number"&&o in x||typeof o=="number"?r=o*60*1e3:r=3600*1e3;const m=r*4;let f=c,g=0;for(;f<=c+s;){const T=g*r%m===0,d=ue(new Date(f),e,t,i);let M;if(T){const D=new Date(f),b=D.getHours().toString().padStart(2,"0"),u=D.getMinutes().toString().padStart(2,"0");M=`${b}:${u}`}n.push({position:d,isMajor:T,label:M}),f+=r,g++}return n}function Oe(e,t,o=10){let i=t[0],n=Math.abs(i.position-e);for(const s of t){const c=Math.abs(s.position-e);c<n&&(n=c,i=s)}return n<=o?i.position:e}const he=1e3,Me=31536e9,y=[.001,.002,.005,.01,.02,.05,.1,.25,.5,1,2,5,10,15,30,60,120,300,600,900,1800,3600,7200,14400,21600,43200,86400,172800,345600,604800,1296e3,2592e3,5184e3,7776e3,15552e3,31536e3,63072e3,126144e3,15768e4,31536e4,63072e4,126144e4,15768e5,31536e5,63072e5,126144e5,15768e6,31536e6],z=36,F=1,Te=6,q=6,Je=.3,de=["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];function _(e){return e<10?`0${e}`:`${e}`}function te(e,t,o,i,n){const s=new Date(e),{yr:c,mo:r,day:m,hr24:f,hr12:g,min:T,sec:d,ms:M,ampm:D}=V(s,o),b=i?g:f,u=i?` ${D}`:"",h=n??de;if(t>31536e4)return`${c}`;if(t>31536e3)return`${h[r]} ${c}`;if(t>604800)return`${h[r]} ${m}`;if(t>86400)return`${h[r]} ${m} ${_(b)}:${_(T)}${u}`;if(t>3600)return`${_(b)}:${_(T)}${u}`;if(t>60)return`${_(b)}:${_(T)}:${_(d)}${u}`;const Y=M>0?`.${String(M).padStart(3,"0")}`:"";return`${_(b)}:${_(T)}:${_(d)}${Y}${u}`}function ge(e,t,o){const i=new Date(e);if(!o||o==="local"){const m=i.getFullYear(),f=i.getMonth(),g=i.getDate();return t>31536e4?new Date(Math.floor(m/100)*100,0).getTime():t>31536e3?new Date(Math.floor(m/10)*10,0).getTime():t>86400?new Date(m,0).getTime():new Date(m,f,g).getTime()}const{yr:n,hr24:s,min:c,sec:r}=V(i,o);return t>31536e4?Date.UTC(Math.floor(n/100)*100,0,1):t>31536e3?Date.UTC(Math.floor(n/10)*10,0,1):t>86400?Date.UTC(n,0,1):e-(s*3600+c*60+r)*1e3}function Q(e,t){return Math.ceil(e/t+.5)*t}function oe(e,t,o){var i,n,s,c,r,m,f,g,T,d,M,D;return{color:((i=t.style)==null?void 0:i.color)??((n=e.style)==null?void 0:n.color)??I.color,borderColor:((s=t.style)==null?void 0:s.borderColor)??((c=e.style)==null?void 0:c.borderColor)??(o==null?void 0:o.swimLaneItemBorderColor)??I.borderColor,borderWidth:((r=t.style)==null?void 0:r.borderWidth)??((m=e.style)==null?void 0:m.borderWidth)??(o==null?void 0:o.swimLaneItemBorderWidth)??I.borderWidth,opacity:((f=t.style)==null?void 0:f.opacity)??((g=e.style)==null?void 0:g.opacity)??I.opacity,markerShape:((T=t.style)==null?void 0:T.markerShape)??((d=e.style)==null?void 0:d.markerShape)??I.markerShape,markerSize:((M=t.style)==null?void 0:M.markerSize)??((D=e.style)==null?void 0:D.markerSize)??I.markerSize}}function ne(e){return Math.max(he,Math.min(Me,e))}function We(e,t,o){const i=t-e,n=(e+t)/2,s=ne(i*o);return{startMs:n-s/2,endMs:n+s/2}}function Ue(e,t,o,i){const n=t-e,s=ne(n*o),c=n>0?(i-e)/n:.5;return{startMs:i-c*s,endMs:i+(1-c)*s}}function ve(e){let t=0;for(const o of e)t+=(o.height??P)+F;return t}function Be(e,t,o,i,n){const{swimLanes:s,showSwimLanes:c,scrollTop:r,startMs:m,endMs:f,theme:g}=n;if(!c||s.length===0)return null;const T=Math.max(0,i-z);if(t<0||t>=T)return null;let d=-r;for(const M of s){const D=M.height??P,b=d,u=d+D;if(d+=D+F,!(t<b||t>=u)){for(const h of M.items){if(h.interval){const Y=k.JulianDate.toDate(h.interval.start).getTime(),U=k.JulianDate.toDate(h.interval.stop).getTime(),H=(Y-m)/(f-m)*o,v=(U-m)/(f-m)*o;if(e>=Math.max(0,H)&&e<=Math.min(o,v))return{lane:M,item:h}}if(h.instant){const U=(k.JulianDate.toDate(h.instant).getTime()-m)/(f-m)*o,H=oe(M,h,g);if(Math.abs(e-U)<=H.markerSize/2+2)return{lane:M,item:h}}}return null}}return null}function je(e,t,o,i){const{swimLanes:n,showSwimLanes:s,scrollTop:c}=i;if(!s||n.length===0||e>80)return null;const r=Math.max(0,o-z);if(t<0||t>=r)return null;let m=-c;for(const f of n){const g=f.height??P;if(t>=m&&t<m+g)return f;m+=g+F}return null}function ze(e,t,o){if(!o.showSwimLanes||o.swimLanes.length===0)return!1;const i=Math.max(0,t-z);return e>=0&&e<i}function Ge(e,t,o,i){const{startMs:n,endMs:s,currentMs:c,theme:r,maxTicks:m,swimLanes:f,showSwimLanes:g,reorderState:T,timezone:d,use12h:M,months:D,rangeSelection:b}=i;let{scrollTop:u}=i;const h=(s-n)/1e3;if(h<=0)return u;e.fillStyle=r.backgroundColor,e.fillRect(0,0,t,o);const Y=g&&f.length>0,H=Y?Math.max(0,o-z):0;let v=0;if(Y)for(const a of f)v+=(a.height??P)+F;const ie=Math.max(0,v-H);if(u>ie&&(u=ie),u<0&&(u=0),Y&&H>0){e.save(),e.beginPath(),e.rect(0,0,t,H),e.clip();let a=-u;const L=A=>(A-n)/(s-n)*t;for(const A of f){const p=A.height??P,E=a+p;if(E>0&&a<H){const S=A.style,B=(S==null?void 0:S.backgroundColor)??I.backgroundColor;B&&B!=="transparent"&&(e.fillStyle=B,e.fillRect(0,a,t,p)),e.strokeStyle=r.tickColor+"44",e.lineWidth=.5,e.beginPath(),e.moveTo(0,E),e.lineTo(t,E),e.stroke();for(const R of A.items){const C=oe(A,R,r);if(R.interval){const le=k.JulianDate.toDate(R.interval.start).getTime(),w=k.JulianDate.toDate(R.interval.stop).getTime(),J=L(le),W=L(w),se=Math.max(0,J),ce=Math.min(t,W)-se;if(ce>0){e.globalAlpha=C.opacity,e.fillStyle=C.color;const ye=3,De=a+ye,Le=p-ye*2;e.fillRect(se,De,ce,Le),C.borderWidth>0&&(e.strokeStyle=C.borderColor,e.lineWidth=C.borderWidth,e.strokeRect(se,De,ce,Le)),e.globalAlpha=1}}if(R.instant){const le=k.JulianDate.toDate(R.instant).getTime(),w=L(le);if(w>=-C.markerSize&&w<=t+C.markerSize){const J=a+p/2,W=C.markerSize;e.globalAlpha=C.opacity,e.fillStyle=C.color,C.markerShape==="diamond"?(e.beginPath(),e.moveTo(w,J-W/2),e.lineTo(w+W/2,J),e.lineTo(w,J+W/2),e.lineTo(w-W/2,J),e.closePath(),e.fill()):C.markerShape==="circle"?(e.beginPath(),e.arc(w,J,W/2,0,Math.PI*2),e.fill()):(e.strokeStyle=C.color,e.lineWidth=2,e.beginPath(),e.moveTo(w,a+2),e.lineTo(w,a+p-2),e.stroke()),e.globalAlpha=1}}}e.font=`${Math.min(11,p-4)}px system-ui, sans-serif`,e.textAlign="left",e.textBaseline="middle",e.fillStyle=(S==null?void 0:S.labelColor)??I.labelColor,e.fillText(A.label,Te,a+p/2)}if(a+=p+F,a>=H)break}if(T&&T.dragging){const A=T.currentY-T.dragStartY;let p=-u;for(let S=0;S<f.length&&S<T.insertIndex;S++)p+=(f[S].height??P)+F;e.strokeStyle=r.indicatorColor,e.lineWidth=2,e.beginPath(),e.moveTo(0,p),e.lineTo(t,p),e.stroke();const E=f.find(S=>S.id===T.dragLaneId);if(E){const S=E.height??P;let B=-u;for(const R of f){if(R.id===T.dragLaneId)break;B+=(R.height??P)+F}e.globalAlpha=.4,e.fillStyle=r.indicatorColor,e.fillRect(0,B+A,t,S),e.globalAlpha=1}}if(v>H){const A=t-q-2,p=H/v,E=Math.max(20,H*p),S=u/ie*(H-E);e.fillStyle=r.tickColor+"22",e.fillRect(A,0,q,H),e.fillStyle=r.tickColor+"88",e.fillRect(A,S,q,E)}e.restore()}e.font=`${r.fontSize}px monospace`;const Xe=te(n+h*500,h,d,M,D),Ke=e.measureText(Xe).width+24,Ze=Math.max(Ke/t*h,h/1e3);let $=y[y.length-1],G=y.length-1;for(let a=0;a<y.length;a++)if(y[a]>Ze){$=y[a],G=a;break}if(m!=null&&m>0)for(;G<y.length-1&&h/$>m;)G++,$=y[G];let O=0;for(let a=G-1;a>=0;a--)if($%y[a]<1e-4){t*(y[a]/h)>=3&&(O=y[a]);break}let X=0;if(O>0){for(let a=0;a<y.length&&y[a]<O;a++)if(O%y[a]<1e-4&&t*(y[a]/h)>=3){X=y[a];break}}const Se=ge(n,h,d),K=(n-Se)/1e3,re=K+h,ae=a=>t*((a-K)/h);if(X>0){e.strokeStyle=r.tickColor,e.lineWidth=1;for(let a=Math.floor(K/X)*X;a<=re;a=Q(a,X)){const L=ae(a);e.beginPath(),e.moveTo(L,o-r.minorTickHeight),e.lineTo(L,o),e.stroke()}}if(O>0){e.strokeStyle=r.tickColor,e.lineWidth=1;for(let a=Math.floor(K/O)*O;a<=re;a=Q(a,O)){const L=ae(a);e.beginPath(),e.moveTo(L,o-r.minorTickHeight),e.lineTo(L,o),e.stroke()}}e.textAlign="center",e.textBaseline="bottom";let pe=-1/0;for(let a=Math.floor(K/$)*$;a<=re+$;a=Q(a,$)){const L=ae(a),A=Se+a*1e3;e.strokeStyle=r.majorTickColor,e.lineWidth=1,e.beginPath(),e.moveTo(L,o-r.majorTickHeight),e.lineTo(L,o),e.stroke();const p=te(A,h,d,M,D),E=e.measureText(p).width,S=L-E/2;S>pe&&(e.fillStyle=r.labelColor,e.fillText(p,L,o-r.majorTickHeight-4),pe=S+E+5)}if(b){const a=(b.startMs-n)/(s-n)*t,L=(b.endMs-n)/(s-n)*t,A=Math.min(a,L),p=Math.abs(L-a);e.globalAlpha=.2,e.fillStyle=r.indicatorColor,e.fillRect(A,0,p,o),e.globalAlpha=1}const be=(c-n)/(s-n)*t;return e.strokeStyle=r.indicatorColor,e.lineWidth=r.indicatorLineWidth,e.beginPath(),e.moveTo(be,0),e.lineTo(be,o),e.stroke(),u}l.DEFAULT_LABELS=ke,l.DEFAULT_LANE_HEIGHT=P,l.DateTimeFormats=ee,l.LABEL_PAD_LEFT=Te,l.LANE_GAP=F,l.MAX_SPAN_MS=Me,l.MIN_SPAN_MS=he,l.MONTHS=de,l.SCROLLBAR_WIDTH=q,l.SWIM_LANE_SCROLL_SPEED=Je,l.TICK_AREA_HEIGHT=z,l.TIC_SCALES=y,l.TickInterval=x,l.Timezones=Ie,l.calcEpochMs=ge,l.clampSpan=ne,l.defaultSwimLaneStyle=I,l.defaultTheme=Ce,l.drawTimeline=Ge,l.formatDateTime=fe,l.formatTime=Re,l.fromMilliseconds=_e,l.generateTicks=$e,l.getDateParts=V,l.getDurationMs=me,l.getTimezoneAbbr=Pe,l.hitTestLaneLabel=je,l.hitTestSwimLane=Be,l.isInSwimLaneRegion=ze,l.makeLabel=te,l.nextTic=Q,l.positionToTime=Fe,l.resolveItemStyle=oe,l.resolveLabel=He,l.snapToTick=Oe,l.splitForDisplay=Ne,l.timeToPosition=ue,l.toDate=Z,l.toJulianDate=Ee,l.toMilliseconds=N,l.totalSwimLaneHeight=ve,l.twoD=_,l.zoomAroundMs=Ue,l.zoomRange=We,Object.defineProperty(l,Symbol.toStringTag,{value:"Module"})}));
+(function(l,B){typeof exports=="object"&&typeof module<"u"?B(exports,require("cesium")):typeof define=="function"&&define.amd?define(["exports","cesium"],B):(l=typeof globalThis<"u"?globalThis:l||self,B(l.CesiumTimelineCore={},l.Cesium))})(this,(function(l,B){"use strict";function ke(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const o in e)if(o!=="default"){const a=Object.getOwnPropertyDescriptor(e,o);Object.defineProperty(t,o,a.get?a:{enumerable:!0,get:()=>e[o]})}}return t.default=e,Object.freeze(t)}const H=ke(B);function He(e,t){return typeof e=="function"?e(t):e}const Ce={dateTimeClickTooltip:"Click to jump to a date/time",liveLabel:"LIVE",liveActiveLabel:"LIVE",liveTooltip:"Jump to live (now)",liveActiveTooltip:"Currently live",resetSpeedTooltip:"Reset to 1× speed",jumpToStartTooltip:"Jump to start",noStartTimeTooltip:"No start time set",jumpToEndTooltip:"Jump to end",noEndTimeTooltip:"No end time set",rewindTooltip:"Rewind",rewindActiveTooltip:e=>`Reverse ${e}× — click to speed up, press play to stop`,playTooltip:"Play",playFromRewindTooltip:"Play (reset to 1×)",pauseTooltip:"Pause",fastForwardTooltip:"Fast forward",fastForwardActiveTooltip:e=>`${e}× speed — click to increase, click again at max to reset`,collapseSwimLanesTooltip:"Collapse swim lanes",expandSwimLanesTooltip:"Expand swim lanes",months:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"]},Ee={backgroundColor:"#1a1a1a",tickColor:"#666666",majorTickColor:"#999999",labelColor:"#cccccc",indicatorColor:"#d69826",indicatorLineWidth:5,majorTickHeight:10,minorTickHeight:5,fontSize:12,controlBarBackground:"#242424",controlBarBorder:"#333333",buttonColor:"#666666",buttonHoverColor:"#888888",buttonActiveColor:"#d69826",swimLaneItemBorderColor:"#666666",swimLaneItemBorderWidth:0,liveDotColor:"#e53e3e"};var ee=(e=>(e[e.FIFTEEN_MIN=15]="FIFTEEN_MIN",e[e.THIRTY_MIN=30]="THIRTY_MIN",e[e.HOURLY=60]="HOURLY",e[e.CUSTOM=-1]="CUSTOM",e))(ee||{});const I={color:"#4da6ff",borderColor:"#2980b9",borderWidth:1,opacity:.8,markerShape:"diamond",markerSize:10,labelColor:"#cccccc",backgroundColor:"transparent"},P=24;function _e(e){return e instanceof H.JulianDate?H.JulianDate.clone(e):H.JulianDate.fromDate(e)}function K(e){return e instanceof H.JulianDate?H.JulianDate.toDate(e):e}function N(e){return K(e).getTime()}function we(e){return H.JulianDate.fromDate(new Date(e))}function fe(e,t){return N(t)-N(e)}const Ye=["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],Ie=["January","February","March","April","May","June","July","August","September","October","November","December"],te={DEFAULT:"MMM DD YYYY HH:mm:ss",TWELVE_HR:"MMM DD YYYY hh:mm:ss A",ISO:"YYYY-MM-DD HH:mm:ss",US:"MM/DD/YYYY HH:mm",EU:"DD/MM/YYYY HH:mm",TIME_ONLY:"HH:mm:ss",TIME_12:"hh:mm:ss A"},Pe={LOCAL:"local",UTC:"UTC"};function Z(e,t){if(!t||t==="local"){const T=e.getFullYear(),h=e.getMonth(),k=e.getDate(),p=e.getHours(),M=p%12||12,u=e.getMinutes(),g=e.getSeconds(),R=e.getMilliseconds();return{yr:T,mo:h,day:k,hr24:p,hr12:M,min:u,sec:g,ms:R,ampm:p<12?"AM":"PM"}}const o=new Intl.DateTimeFormat("en-US",{timeZone:t,year:"numeric",month:"2-digit",day:"2-digit",hour:"2-digit",minute:"2-digit",second:"2-digit",hour12:!1}),a={};for(const T of o.formatToParts(e))T.type!=="literal"&&(a[T.type]=T.value);const i=parseInt(a.year),s=parseInt(a.month)-1,m=parseInt(a.day);let r=parseInt(a.hour);r===24&&(r=0);const c=r%12||12,f=parseInt(a.minute),y=parseInt(a.second),d=e.getMilliseconds();return{yr:i,mo:s,day:m,hr24:r,hr12:c,min:f,sec:y,ms:d,ampm:r<12?"AM":"PM"}}function Ne(e,t){if(!t||t==="local")return null;const o=K(e);return new Intl.DateTimeFormat("en-US",{timeZone:t,timeZoneName:"short"}).formatToParts(o).find(i=>i.type==="timeZoneName")?.value??null}function ue(e,t=te.DEFAULT,o){const a=K(e),{yr:i,mo:s,day:m,hr24:r,hr12:c,min:f,sec:y,ms:d,ampm:T}=Z(a,o),h=M=>String(M).padStart(2,"0"),k=M=>String(M).padStart(3,"0"),p={YYYY:String(i),YY:String(i).slice(-2),MMMM:Ie[s],MMM:Ye[s],MM:h(s+1),M:String(s+1),DD:h(m),D:String(m),HH:h(r),H:String(r),hh:h(c),h:String(c),mm:h(f),ss:h(y),SSS:k(d),A:T,a:T.toLowerCase()};return t.replace(/YYYY|YY|MMMM|MMM|MM|M|DD|D|HH|H|hh|h|mm|ss|SSS|A|a/g,M=>p[M]??M)}function Re(e=te.DEFAULT){const t=["YYYY","YY","MMMM","MMM","MM","M","DD","D"],o=["HH","H","hh","h","mm","ss","SSS","A","a"],a=m=>m.replace(/\s{2,}/g," ").trim().replace(/^[\s\W]+|[\s\W]+$/g,"").trim();let i=e;for(const m of t)i=i.replace(m,"");let s=e;for(const m of o)s=s.replace(m,"");return{timeFormat:a(i),dateFormat:a(s)}}function Fe(e,t=!1){return ue(e,t?"HH:mm:ss":"HH:mm")}function he(e,t,o,a){const i=N(e),s=N(t),m=N(o);if(m===s)return 0;const r=(i-s)/(m-s);return Math.max(0,Math.min(1,r))*a}function $e(e,t,o,a){const i=Math.max(0,Math.min(1,e/a)),s=N(t),m=N(o),r=s+i*(m-s);return H.JulianDate.fromDate(new Date(r))}function Oe(e,t,o,a){const i=[],s=fe(e,t),m=N(e);let r;typeof o=="number"&&o in ee||typeof o=="number"?r=o*60*1e3:r=3600*1e3;const c=r*4;let f=m,y=0;for(;f<=m+s;){const d=y*r%c===0,T=he(new Date(f),e,t,a);let h;if(d){const k=new Date(f),p=k.getHours().toString().padStart(2,"0"),M=k.getMinutes().toString().padStart(2,"0");h=`${p}:${M}`}i.push({position:T,isMajor:d,label:h}),f+=r,y++}return i}function Je(e,t,o=10){let a=t[0],i=Math.abs(a.position-e);for(const s of t){const m=Math.abs(s.position-e);m<i&&(i=m,a=s)}return i<=o?a.position:e}const de=1e3,Te=31536e9,b=[.001,.002,.005,.01,.02,.05,.1,.25,.5,1,2,5,10,15,30,60,120,300,600,900,1800,3600,7200,14400,21600,43200,86400,172800,345600,604800,1296e3,2592e3,5184e3,7776e3,15552e3,31536e3,63072e3,126144e3,15768e4,31536e4,63072e4,126144e4,15768e5,31536e5,63072e5,126144e5,15768e6,31536e6],j=36,$=1,Me=6,V=6,We=.3,ge=["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];function w(e){return e<10?`0${e}`:`${e}`}function oe(e,t,o,a,i){const s=new Date(e),{yr:m,mo:r,day:c,hr24:f,hr12:y,min:d,sec:T,ms:h,ampm:k}=Z(s,o),p=a?y:f,M=a?` ${k}`:"",u=i??ge;if(t>31536e4)return`${m}`;if(t>31536e3)return`${u[r]} ${m}`;if(t>604800)return`${u[r]} ${c}`;if(t>86400)return`${u[r]} ${c} ${w(p)}:${w(d)}${M}`;if(t>3600)return`${w(p)}:${w(d)}${M}`;if(t>60)return`${w(p)}:${w(d)}:${w(T)}${M}`;const g=h>0?`.${String(h).padStart(3,"0")}`:"";return`${w(p)}:${w(d)}:${w(T)}${g}${M}`}function Se(e,t,o){const a=new Date(e);if(!o||o==="local"){const c=a.getFullYear(),f=a.getMonth(),y=a.getDate();return t>31536e4?new Date(Math.floor(c/100)*100,0).getTime():t>31536e3?new Date(Math.floor(c/10)*10,0).getTime():t>86400?new Date(c,0).getTime():new Date(c,f,y).getTime()}const{yr:i,hr24:s,min:m,sec:r}=Z(a,o);return t>31536e4?Date.UTC(Math.floor(i/100)*100,0,1):t>31536e3?Date.UTC(Math.floor(i/10)*10,0,1):t>86400?Date.UTC(i,0,1):e-(s*3600+m*60+r)*1e3}function q(e,t){return Math.ceil(e/t+.5)*t}function ne(e,t,o){return{color:t.style?.color??e.style?.color??I.color,borderColor:t.style?.borderColor??e.style?.borderColor??o?.swimLaneItemBorderColor??I.borderColor,borderWidth:t.style?.borderWidth??e.style?.borderWidth??o?.swimLaneItemBorderWidth??I.borderWidth,opacity:t.style?.opacity??e.style?.opacity??I.opacity,markerShape:t.style?.markerShape??e.style?.markerShape??I.markerShape,markerSize:t.style?.markerSize??e.style?.markerSize??I.markerSize}}function ie(e){return Math.max(de,Math.min(Te,e))}function ve(e,t,o){const a=t-e,i=(e+t)/2,s=ie(a*o);return{startMs:i-s/2,endMs:i+s/2}}function Ue(e,t,o,a){const i=t-e,s=ie(i*o),m=i>0?(a-e)/i:.5;return{startMs:a-m*s,endMs:a+(1-m)*s}}function Be(e){let t=0;for(const o of e)t+=(o.height??P)+$;return t}function je(e,t,o,a,i){const{swimLanes:s,showSwimLanes:m,scrollTop:r,startMs:c,endMs:f,theme:y}=i;if(!m||s.length===0)return null;const d=Math.max(0,a-j);if(t<0||t>=d)return null;let T=-r;for(const h of s){const k=h.height??P,p=T,M=T+k;if(T+=k+$,!(t<p||t>=M)){for(const u of h.items){if(u.interval){const g=H.JulianDate.toDate(u.interval.start).getTime(),R=H.JulianDate.toDate(u.interval.stop).getTime(),Q=(g-c)/(f-c)*o,E=(R-c)/(f-c)*o;if(e>=Math.max(0,Q)&&e<=Math.min(o,E))return{lane:h,item:u}}if(u.instant){const R=(H.JulianDate.toDate(u.instant).getTime()-c)/(f-c)*o,Q=ne(h,u,y);if(Math.abs(e-R)<=Q.markerSize/2+2)return{lane:h,item:u}}}return null}}return null}function ze(e,t,o,a){const{swimLanes:i,showSwimLanes:s,scrollTop:m}=a;if(!s||i.length===0||e>80)return null;const r=Math.max(0,o-j);if(t<0||t>=r)return null;let c=-m;for(const f of i){const y=f.height??P;if(t>=c&&t<c+y)return f;c+=y+$}return null}function Xe(e,t,o){if(!o.showSwimLanes||o.swimLanes.length===0)return!1;const a=Math.max(0,t-j);return e>=0&&e<a}function Ge(e,t,o,a){const{startMs:i,endMs:s,currentMs:m,theme:r,maxTicks:c,swimLanes:f,showSwimLanes:y,reorderState:d,timezone:T,use12h:h,months:k,rangeSelection:p,hoverMs:M}=a;let{scrollTop:u}=a;const g=(s-i)/1e3;if(g<=0)return u;e.fillStyle=r.backgroundColor,e.fillRect(0,0,t,o);const R=y&&f.length>0,E=R?Math.max(0,o-j):0;let x=0;if(R)for(const n of f)x+=(n.height??P)+$;const re=Math.max(0,x-E);if(u>re&&(u=re),u<0&&(u=0),R&&E>0){e.save(),e.beginPath(),e.rect(0,0,t,E),e.clip();let n=-u;const D=L=>(L-i)/(s-i)*t;for(const L of f){const S=L.height??P,_=n+S;if(_>0&&n<E){const A=L.style,U=A?.backgroundColor??I.backgroundColor;U&&U!=="transparent"&&(e.fillStyle=U,e.fillRect(0,n,t,S)),e.strokeStyle=r.tickColor+"44",e.lineWidth=.5,e.beginPath(),e.moveTo(0,_),e.lineTo(t,_),e.stroke();for(const F of L.items){const C=ne(L,F,r);if(F.interval){const se=H.JulianDate.toDate(F.interval.start).getTime(),Y=H.JulianDate.toDate(F.interval.stop).getTime(),W=D(se),v=D(Y),me=Math.max(0,W),ce=Math.min(t,v)-me;if(ce>0){e.globalAlpha=C.opacity,e.fillStyle=C.color;const De=3,Le=n+De,Ae=S-De*2;e.fillRect(me,Le,ce,Ae),C.borderWidth>0&&(e.strokeStyle=C.borderColor,e.lineWidth=C.borderWidth,e.strokeRect(me,Le,ce,Ae)),e.globalAlpha=1}}if(F.instant){const se=H.JulianDate.toDate(F.instant).getTime(),Y=D(se);if(Y>=-C.markerSize&&Y<=t+C.markerSize){const W=n+S/2,v=C.markerSize;e.globalAlpha=C.opacity,e.fillStyle=C.color,C.markerShape==="diamond"?(e.beginPath(),e.moveTo(Y,W-v/2),e.lineTo(Y+v/2,W),e.lineTo(Y,W+v/2),e.lineTo(Y-v/2,W),e.closePath(),e.fill()):C.markerShape==="circle"?(e.beginPath(),e.arc(Y,W,v/2,0,Math.PI*2),e.fill()):(e.strokeStyle=C.color,e.lineWidth=2,e.beginPath(),e.moveTo(Y,n+2),e.lineTo(Y,n+S-2),e.stroke()),e.globalAlpha=1}}}e.font=`${Math.min(11,S-4)}px system-ui, sans-serif`,e.textAlign="left",e.textBaseline="middle",e.fillStyle=A?.labelColor??I.labelColor,e.fillText(L.label,Me,n+S/2)}if(n+=S+$,n>=E)break}if(d&&d.dragging){const L=d.currentY-d.dragStartY;let S=-u;for(let A=0;A<f.length&&A<d.insertIndex;A++)S+=(f[A].height??P)+$;e.strokeStyle=r.indicatorColor,e.lineWidth=2,e.beginPath(),e.moveTo(0,S),e.lineTo(t,S),e.stroke();const _=f.find(A=>A.id===d.dragLaneId);if(_){const A=_.height??P;let U=-u;for(const F of f){if(F.id===d.dragLaneId)break;U+=(F.height??P)+$}e.globalAlpha=.4,e.fillStyle=r.indicatorColor,e.fillRect(0,U+L,t,A),e.globalAlpha=1}}if(x>E){const L=t-V-2,S=E/x,_=Math.max(20,E*S),A=u/re*(E-_);e.fillStyle=r.tickColor+"22",e.fillRect(L,0,V,E),e.fillStyle=r.tickColor+"88",e.fillRect(L,A,V,_)}e.restore()}e.font=`${r.fontSize}px monospace`;const Ke=oe(i+g*500,g,T,h,k),Ze=e.measureText(Ke).width+24,Ve=Math.max(Ze/t*g,g/1e3);let O=b[b.length-1],z=b.length-1;for(let n=0;n<b.length;n++)if(b[n]>Ve){O=b[n],z=n;break}if(c!=null&&c>0)for(;z<b.length-1&&g/O>c;)z++,O=b[z];let J=0;for(let n=z-1;n>=0;n--)if(O%b[n]<1e-4){t*(b[n]/g)>=3&&(J=b[n]);break}let X=0;if(J>0){for(let n=0;n<b.length&&b[n]<J;n++)if(J%b[n]<1e-4&&t*(b[n]/g)>=3){X=b[n];break}}const pe=Se(i,g,T),G=(i-pe)/1e3,le=G+g,ae=n=>t*((n-G)/g);if(X>0){e.strokeStyle=r.tickColor,e.lineWidth=1;for(let n=Math.floor(G/X)*X;n<=le;n=q(n,X)){const D=ae(n);e.beginPath(),e.moveTo(D,o-r.minorTickHeight),e.lineTo(D,o),e.stroke()}}if(J>0){e.strokeStyle=r.tickColor,e.lineWidth=1;for(let n=Math.floor(G/J)*J;n<=le;n=q(n,J)){const D=ae(n);e.beginPath(),e.moveTo(D,o-r.minorTickHeight),e.lineTo(D,o),e.stroke()}}e.textAlign="center",e.textBaseline="bottom";let be=-1/0;for(let n=Math.floor(G/O)*O;n<=le+O;n=q(n,O)){const D=ae(n),L=pe+n*1e3;e.strokeStyle=r.majorTickColor,e.lineWidth=1,e.beginPath(),e.moveTo(D,o-r.majorTickHeight),e.lineTo(D,o),e.stroke();const S=oe(L,g,T,h,k),_=e.measureText(S).width,A=D-_/2;A>be&&(e.fillStyle=r.labelColor,e.fillText(S,D,o-r.majorTickHeight-4),be=A+_+5)}if(p){const n=(p.startMs-i)/(s-i)*t,D=(p.endMs-i)/(s-i)*t,L=Math.min(n,D),S=Math.abs(D-n);e.globalAlpha=.2,e.fillStyle=r.indicatorColor,e.fillRect(L,0,S,o),e.globalAlpha=1}const ye=(m-i)/(s-i)*t;if(e.strokeStyle=r.indicatorColor,e.lineWidth=r.indicatorLineWidth,e.beginPath(),e.moveTo(ye,0),e.lineTo(ye,o),e.stroke(),M!=null){const n=(M-i)/(s-i)*t;e.globalAlpha=.15,e.strokeStyle=r.indicatorColor,e.lineWidth=r.indicatorLineWidth,e.beginPath(),e.moveTo(n,0),e.lineTo(n,o),e.stroke(),e.globalAlpha=1}return u}l.DEFAULT_LABELS=Ce,l.DEFAULT_LANE_HEIGHT=P,l.DateTimeFormats=te,l.LABEL_PAD_LEFT=Me,l.LANE_GAP=$,l.MAX_SPAN_MS=Te,l.MIN_SPAN_MS=de,l.MONTHS=ge,l.SCROLLBAR_WIDTH=V,l.SWIM_LANE_SCROLL_SPEED=We,l.TICK_AREA_HEIGHT=j,l.TIC_SCALES=b,l.TickInterval=ee,l.Timezones=Pe,l.calcEpochMs=Se,l.clampSpan=ie,l.defaultSwimLaneStyle=I,l.defaultTheme=Ee,l.drawTimeline=Ge,l.formatDateTime=ue,l.formatTime=Fe,l.fromMilliseconds=we,l.generateTicks=Oe,l.getDateParts=Z,l.getDurationMs=fe,l.getTimezoneAbbr=Ne,l.hitTestLaneLabel=ze,l.hitTestSwimLane=je,l.isInSwimLaneRegion=Xe,l.makeLabel=oe,l.nextTic=q,l.positionToTime=$e,l.resolveItemStyle=ne,l.resolveLabel=He,l.snapToTick=Je,l.splitForDisplay=Re,l.timeToPosition=he,l.toDate=K,l.toJulianDate=_e,l.toMilliseconds=N,l.totalSwimLaneHeight=Be,l.twoD=w,l.zoomAroundMs=Ue,l.zoomRange=ve,Object.defineProperty(l,Symbol.toStringTag,{value:"Module"})}));

package/dist/index.d.ts

@@ -36,7 +36,7 @@ export declare interface ControlsBaseProps {
     onJumpToLive: () => void;
     /** Reset the playback speed to 1×. */
     onResetSpeed: () => void;
-    /** Whether the needle is near the current wall-clock time (within 10 s). */
+    /** Whether the needle is near the current wall-clock time (within 2 s). */
     isLive: boolean;
     /** Whether to enable the ⏮ jump-to-start button (true when startTime prop was provided). */
     hasStartTime: boolean;
@@ -57,6 +57,10 @@ export declare interface ControlsBaseProps {
      * @see TimelineBaseProps.labels
      */
     labels?: Partial<TimelineLabels>;
+    /** @see TimelineBaseProps.liveButtonSize */
+    liveButtonSize?: 'sm' | 'md' | 'lg';
+    /** @see TimelineBaseProps.liveButtonPosition */
+    liveButtonPosition?: 'left' | 'right';
 }
 
 /** Decomposed date/time fields extracted in a specific timezone. `mo` is 0-indexed. */
@@ -426,6 +430,34 @@ export declare interface TimelineBaseProps {
      * want to change; everything else falls back to the English defaults.
      */
     labels?: Partial<TimelineLabels>;
+    /**
+     * Size of the LIVE button in the control bar.
+     * `'sm'` is compact, `'md'` is the default, `'lg'` is prominent.
+     * @default 'md'
+     */
+    liveButtonSize?: 'sm' | 'md' | 'lg';
+    /**
+     * Which side of the control bar the LIVE button appears on.
+     * `'left'` places it beside the datetime display (default).
+     * `'right'` moves it to the right side of the control bar.
+     * @default 'left'
+     */
+    liveButtonPosition?: 'left' | 'right';
+    /**
+     * When `true`, the timeline is locked to live mode.
+     * Needle drag, datetime click, play/pause, rewind, fast-forward,
+     * jump-to-start, and jump-to-end are all disabled. The LIVE button
+     * becomes a non-interactive status indicator. Canvas zoom and pan
+     * remain fully interactive.
+     */
+    live?: boolean;
+    /**
+     * When `true`, reverses the scroll-wheel zoom direction so that
+     * scrolling down zooms in on time and scrolling up zooms out.
+     * By default (false) scrolling up zooms in and scrolling down zooms out.
+     * @default false
+     */
+    invertScrollZoom?: boolean;
 }
 
 /**
@@ -547,6 +579,13 @@ export declare interface TimelineRenderState {
         startMs: number;
         endMs: number;
     } | null;
+    /**
+     * Canvas-relative X position of the cursor (in CSS pixels) while the user is
+     * hovering over the timeline.  When non-null a ghost needle is drawn at this
+     * position with 15 % opacity so the user can preview where a click / drag
+     * would land before committing.
+     */
+    hoverMs?: number | null;
 }
 
 export declare interface TimelineTheme {
@@ -569,6 +608,8 @@ export declare interface TimelineTheme {
     swimLaneItemBorderColor: string;
     /** Default border width for swim lane items (px). Set to 0 to remove borders. */
     swimLaneItemBorderWidth: number;
+    /** Color of the red dot shown on the LIVE button when playback is live. */
+    liveDotColor: string;
 }
 
 export declare interface TimePosition {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kteneyck/cesium-timeline-core",
-  "version": "0.9.0",
+  "version": "0.11.0",
   "description": "Framework-agnostic core logic for the Cesium timeline component",
   "license": "MIT",
   "author": "kteneyck",
@@ -31,9 +31,9 @@
   "types": "./dist/index.d.ts",
   "exports": {
     ".": {
+      "types": "./dist/index.d.ts",
       "import": "./dist/cesium-timeline-core.js",
-      "require": "./dist/cesium-timeline-core.umd.cjs",
-      "types": "./dist/index.d.ts"
+      "require": "./dist/cesium-timeline-core.umd.cjs"
     }
   },
   "files": [