@kteneyck/cesium-timeline-core 0.8.0 → 0.10.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,14 @@ 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.
 - **Localizable labels** — every control-bar label and tooltip is overridable via the `labels` prop; dynamic tooltips accept a `(multiplier: number) => string` callback. See [Labels & i18n](#labels--i18n).
@@ -144,37 +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. |
-| `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.                                                                |
 
 ---
 
@@ -213,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.
 
@@ -362,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.
 
@@ -424,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 |
@@ -454,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',
@@ -480,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`,
@@ -596,6 +606,12 @@ const CesiumWithTimeline = () => {
           onTimeChange={(t) => { clock.currentTime = t; }}
           onPlayPause={(playing) => { clock.shouldAnimate = playing; }}
           onMultiplierChange={(m) => { clock.multiplier = m; }}
+          onRangeSelect={(start, end) => {
+            // Zoom the Cesium clock range to match the selected span
+            clock.startTime = start;
+            clock.stopTime  = end;
+            clock.currentTime = start;
+          }}
         />
       )}
     </div>
@@ -695,6 +711,90 @@ const StandaloneTimeline = () => {
 };
 ```
 
+### Zoom to Selection
+
+Click-and-drag in the tick area (the bottom strip, away from the needle) to draw a time-range highlight. The cursor becomes a crosshair while dragging. On mouse-up the **visible window zooms to exactly the selected span** and `onRangeSelect` fires with the start and end `JulianDate`.
+
+A short click (no drag) in the tick area still moves the needle normally.
+
+```tsx
+import { useState } from 'react';
+import * as Cesium from 'cesium';
+import { Timeline } from '@kteneyck/cesium-timeline-react';
+
+const ZoomableTimeline = () => {
+  const [selectedRange, setSelectedRange] = useState<{ start: Date; end: Date } | null>(null);
+
+  return (
+    <>
+      {selectedRange && (
+        <p>
+          Selected: {selectedRange.start.toISOString()} → {selectedRange.end.toISOString()}
+        </p>
+      )}
+      <Timeline
+        clock={viewer.clock}
+        height={120}
+        onRangeSelect={(start, end) => {
+          setSelectedRange({
+            start: Cesium.JulianDate.toDate(start),
+            end:   Cesium.JulianDate.toDate(end),
+          });
+        }}
+      />
+    </>
+  );
+};
+```
+
+In Angular, listen to the `(rangeSelect)` output — the event payload is `{ start: Cesium.JulianDate, end: Cesium.JulianDate }`:
+
+```html
+<ct-timeline
+  [clock]="viewer.clock"
+  [height]="120"
+  (rangeSelect)="onRangeSelect($event)"
+/>
+```
+
+```typescript
+onRangeSelect(range: { start: Cesium.JulianDate; end: Cesium.JulianDate }) {
+  this.viewer.clock.startTime  = range.start;
+  this.viewer.clock.stopTime   = range.end;
+  this.viewer.clock.currentTime = range.start;
+}
+```
+
+---
+
+## 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

package/dist/cesium-timeline-core.js

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

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

@@ -1 +1 @@
-(function(a,B){typeof exports=="object"&&typeof module<"u"?B(exports,require("cesium")):typeof define=="function"&&define.amd?define(["exports","cesium"],B):(a=typeof globalThis<"u"?globalThis:a||self,B(a.CesiumTimelineCore={},a.Cesium))})(this,(function(a,B){"use strict";function Le(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const o in e)if(o!=="default"){const n=Object.getOwnPropertyDescriptor(e,o);Object.defineProperty(t,o,n.get?n:{enumerable:!0,get:()=>e[o]})}}return t.default=e,Object.freeze(t)}const k=Le(B);function Ae(e,t){return typeof e=="function"?e(t):e}const He={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"]},ke={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 Y={color:"#4da6ff",borderColor:"#2980b9",borderWidth:1,opacity:.8,markerShape:"diamond",markerSize:10,labelColor:"#cccccc",backgroundColor:"transparent"},I=24;function Ce(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 P(e){return Z(e).getTime()}function Ee(e){return k.JulianDate.fromDate(new Date(e))}function me(e,t){return P(t)-P(e)}const _e=["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],we=["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"},Ye={LOCAL:"local",UTC:"UTC"};function V(e,t){if(!t||t==="local"){const M=e.getFullYear(),h=e.getMonth(),y=e.getDate(),T=e.getHours(),u=T%12||12,p=e.getMinutes(),J=e.getSeconds(),L=e.getMilliseconds();return{yr:M,mo:h,day:y,hr24:T,hr12:u,min:p,sec:J,ms:L,ampm:T<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}),n={};for(const M of o.formatToParts(e))M.type!=="literal"&&(n[M.type]=M.value);const i=parseInt(n.year),s=parseInt(n.month)-1,m=parseInt(n.day);let r=parseInt(n.hour);r===24&&(r=0);const c=r%12||12,f=parseInt(n.minute),g=parseInt(n.second),d=e.getMilliseconds();return{yr:i,mo:s,day:m,hr24:r,hr12:c,min:f,sec:g,ms:d,ampm:r<12?"AM":"PM"}}function Ie(e,t){var i;if(!t||t==="local")return null;const o=Z(e);return((i=new Intl.DateTimeFormat("en-US",{timeZone:t,timeZoneName:"short"}).formatToParts(o).find(s=>s.type==="timeZoneName"))==null?void 0:i.value)??null}function ce(e,t=ee.DEFAULT,o){const n=Z(e),{yr:i,mo:s,day:m,hr24:r,hr12:c,min:f,sec:g,ms:d,ampm:M}=V(n,o),h=u=>String(u).padStart(2,"0"),y=u=>String(u).padStart(3,"0"),T={YYYY:String(i),YY:String(i).slice(-2),MMMM:we[s],MMM:_e[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(g),SSS:y(d),A:M,a:M.toLowerCase()};return t.replace(/YYYY|YY|MMMM|MMM|MM|M|DD|D|HH|H|hh|h|mm|ss|SSS|A|a/g,u=>T[u]??u)}function Pe(e=ee.DEFAULT){const t=["YYYY","YY","MMMM","MMM","MM","M","DD","D"],o=["HH","H","hh","h","mm","ss","SSS","A","a"],n=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:n(i),dateFormat:n(s)}}function Ne(e,t=!1){return ce(e,t?"HH:mm:ss":"HH:mm")}function fe(e,t,o,n){const i=P(e),s=P(t),m=P(o);if(m===s)return 0;const r=(i-s)/(m-s);return Math.max(0,Math.min(1,r))*n}function Re(e,t,o,n){const i=Math.max(0,Math.min(1,e/n)),s=P(t),m=P(o),r=s+i*(m-s);return k.JulianDate.fromDate(new Date(r))}function Fe(e,t,o,n){const i=[],s=me(e,t),m=P(e);let r;typeof o=="number"&&o in x||typeof o=="number"?r=o*60*1e3:r=3600*1e3;const c=r*4;let f=m,g=0;for(;f<=m+s;){const d=g*r%c===0,M=fe(new Date(f),e,t,n);let h;if(d){const y=new Date(f),T=y.getHours().toString().padStart(2,"0"),u=y.getMinutes().toString().padStart(2,"0");h=`${T}:${u}`}i.push({position:M,isMajor:d,label:h}),f+=r,g++}return i}function $e(e,t,o=10){let n=t[0],i=Math.abs(n.position-e);for(const s of t){const m=Math.abs(s.position-e);m<i&&(i=m,n=s)}return i<=o?n.position:e}const ue=1e3,he=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,R=1,Te=6,q=6,Oe=.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,n,i){const s=new Date(e),{yr:m,mo:r,day:c,hr24:f,hr12:g,min:d,sec:M,ms:h,ampm:y}=V(s,o),T=n?g:f,u=n?` ${y}`:"",p=i??de;if(t>31536e4)return`${m}`;if(t>31536e3)return`${p[r]} ${m}`;if(t>604800)return`${p[r]} ${c}`;if(t>86400)return`${p[r]} ${c} ${_(T)}:${_(d)}${u}`;if(t>3600)return`${_(T)}:${_(d)}${u}`;if(t>60)return`${_(T)}:${_(d)}:${_(M)}${u}`;const J=h>0?`.${String(h).padStart(3,"0")}`:"";return`${_(T)}:${_(d)}:${_(M)}${J}${u}`}function Me(e,t,o){const n=new Date(e);if(!o||o==="local"){const c=n.getFullYear(),f=n.getMonth(),g=n.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,g).getTime()}const{yr:i,hr24:s,min:m,sec:r}=V(n,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 oe(e,t,o){var n,i,s,m,r,c,f,g,d,M,h,y;return{color:((n=t.style)==null?void 0:n.color)??((i=e.style)==null?void 0:i.color)??Y.color,borderColor:((s=t.style)==null?void 0:s.borderColor)??((m=e.style)==null?void 0:m.borderColor)??(o==null?void 0:o.swimLaneItemBorderColor)??Y.borderColor,borderWidth:((r=t.style)==null?void 0:r.borderWidth)??((c=e.style)==null?void 0:c.borderWidth)??(o==null?void 0:o.swimLaneItemBorderWidth)??Y.borderWidth,opacity:((f=t.style)==null?void 0:f.opacity)??((g=e.style)==null?void 0:g.opacity)??Y.opacity,markerShape:((d=t.style)==null?void 0:d.markerShape)??((M=e.style)==null?void 0:M.markerShape)??Y.markerShape,markerSize:((h=t.style)==null?void 0:h.markerSize)??((y=e.style)==null?void 0:y.markerSize)??Y.markerSize}}function ne(e){return Math.max(ue,Math.min(he,e))}function Je(e,t,o){const n=t-e,i=(e+t)/2,s=ne(n*o);return{startMs:i-s/2,endMs:i+s/2}}function We(e,t,o,n){const i=t-e,s=ne(i*o),m=i>0?(n-e)/i:.5;return{startMs:n-m*s,endMs:n+(1-m)*s}}function Ue(e){let t=0;for(const o of e)t+=(o.height??I)+R;return t}function ve(e,t,o,n,i){const{swimLanes:s,showSwimLanes:m,scrollTop:r,startMs:c,endMs:f,theme:g}=i;if(!m||s.length===0)return null;const d=Math.max(0,n-j);if(t<0||t>=d)return null;let M=-r;for(const h of s){const y=h.height??I,T=M,u=M+y;if(M+=y+R,!(t<T||t>=u)){for(const p of h.items){if(p.interval){const J=k.JulianDate.toDate(p.interval.start).getTime(),L=k.JulianDate.toDate(p.interval.stop).getTime(),F=(J-c)/(f-c)*o,z=(L-c)/(f-c)*o;if(e>=Math.max(0,F)&&e<=Math.min(o,z))return{lane:h,item:p}}if(p.instant){const L=(k.JulianDate.toDate(p.instant).getTime()-c)/(f-c)*o,F=oe(h,p,g);if(Math.abs(e-L)<=F.markerSize/2+2)return{lane:h,item:p}}}return null}}return null}function Be(e,t,o,n){const{swimLanes:i,showSwimLanes:s,scrollTop:m}=n;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 g=f.height??I;if(t>=c&&t<c+g)return f;c+=g+R}return null}function je(e,t,o){if(!o.showSwimLanes||o.swimLanes.length===0)return!1;const n=Math.max(0,t-j);return e>=0&&e<n}function ze(e,t,o,n){const{startMs:i,endMs:s,currentMs:m,theme:r,maxTicks:c,swimLanes:f,showSwimLanes:g,reorderState:d,timezone:M,use12h:h,months:y}=n;let{scrollTop:T}=n;const u=(s-i)/1e3;if(u<=0)return T;e.fillStyle=r.backgroundColor,e.fillRect(0,0,t,o);const p=g&&f.length>0,L=p?Math.max(0,o-j):0;let F=0;if(p)for(const l of f)F+=(l.height??I)+R;const z=Math.max(0,F-L);if(T>z&&(T=z),T<0&&(T=0),p&&L>0){e.save(),e.beginPath(),e.rect(0,0,t,L),e.clip();let l=-T;const A=H=>(H-i)/(s-i)*t;for(const H of f){const D=H.height??I,E=l+D;if(E>0&&l<L){const S=H.style,v=(S==null?void 0:S.backgroundColor)??Y.backgroundColor;v&&v!=="transparent"&&(e.fillStyle=v,e.fillRect(0,l,t,D)),e.strokeStyle=r.tickColor+"44",e.lineWidth=.5,e.beginPath(),e.moveTo(0,E),e.lineTo(t,E),e.stroke();for(const N of H.items){const C=oe(H,N,r);if(N.interval){const ae=k.JulianDate.toDate(N.interval.start).getTime(),w=k.JulianDate.toDate(N.interval.stop).getTime(),W=A(ae),U=A(w),le=Math.max(0,W),se=Math.min(t,U)-le;if(se>0){e.globalAlpha=C.opacity,e.fillStyle=C.color;const be=3,ye=l+be,De=D-be*2;e.fillRect(le,ye,se,De),C.borderWidth>0&&(e.strokeStyle=C.borderColor,e.lineWidth=C.borderWidth,e.strokeRect(le,ye,se,De)),e.globalAlpha=1}}if(N.instant){const ae=k.JulianDate.toDate(N.instant).getTime(),w=A(ae);if(w>=-C.markerSize&&w<=t+C.markerSize){const W=l+D/2,U=C.markerSize;e.globalAlpha=C.opacity,e.fillStyle=C.color,C.markerShape==="diamond"?(e.beginPath(),e.moveTo(w,W-U/2),e.lineTo(w+U/2,W),e.lineTo(w,W+U/2),e.lineTo(w-U/2,W),e.closePath(),e.fill()):C.markerShape==="circle"?(e.beginPath(),e.arc(w,W,U/2,0,Math.PI*2),e.fill()):(e.strokeStyle=C.color,e.lineWidth=2,e.beginPath(),e.moveTo(w,l+2),e.lineTo(w,l+D-2),e.stroke()),e.globalAlpha=1}}}e.font=`${Math.min(11,D-4)}px system-ui, sans-serif`,e.textAlign="left",e.textBaseline="middle",e.fillStyle=(S==null?void 0:S.labelColor)??Y.labelColor,e.fillText(H.label,Te,l+D/2)}if(l+=D+R,l>=L)break}if(d&&d.dragging){const H=d.currentY-d.dragStartY;let D=-T;for(let S=0;S<f.length&&S<d.insertIndex;S++)D+=(f[S].height??I)+R;e.strokeStyle=r.indicatorColor,e.lineWidth=2,e.beginPath(),e.moveTo(0,D),e.lineTo(t,D),e.stroke();const E=f.find(S=>S.id===d.dragLaneId);if(E){const S=E.height??I;let v=-T;for(const N of f){if(N.id===d.dragLaneId)break;v+=(N.height??I)+R}e.globalAlpha=.4,e.fillStyle=r.indicatorColor,e.fillRect(0,v+H,t,S),e.globalAlpha=1}}if(F>L){const H=t-q-2,D=L/F,E=Math.max(20,L*D),S=T/z*(L-E);e.fillStyle=r.tickColor+"22",e.fillRect(H,0,q,L),e.fillStyle=r.tickColor+"88",e.fillRect(H,S,q,E)}e.restore()}e.font=`${r.fontSize}px monospace`;const Ge=te(i+u*500,u,M,h,y),Xe=e.measureText(Ge).width+24,Ke=Math.max(Xe/t*u,u/1e3);let $=b[b.length-1],G=b.length-1;for(let l=0;l<b.length;l++)if(b[l]>Ke){$=b[l],G=l;break}if(c!=null&&c>0)for(;G<b.length-1&&u/$>c;)G++,$=b[G];let O=0;for(let l=G-1;l>=0;l--)if($%b[l]<1e-4){t*(b[l]/u)>=3&&(O=b[l]);break}let X=0;if(O>0){for(let l=0;l<b.length&&b[l]<O;l++)if(O%b[l]<1e-4&&t*(b[l]/u)>=3){X=b[l];break}}const ge=Me(i,u,M),K=(i-ge)/1e3,ie=K+u,re=l=>t*((l-K)/u);if(X>0){e.strokeStyle=r.tickColor,e.lineWidth=1;for(let l=Math.floor(K/X)*X;l<=ie;l=Q(l,X)){const A=re(l);e.beginPath(),e.moveTo(A,o-r.minorTickHeight),e.lineTo(A,o),e.stroke()}}if(O>0){e.strokeStyle=r.tickColor,e.lineWidth=1;for(let l=Math.floor(K/O)*O;l<=ie;l=Q(l,O)){const A=re(l);e.beginPath(),e.moveTo(A,o-r.minorTickHeight),e.lineTo(A,o),e.stroke()}}e.textAlign="center",e.textBaseline="bottom";let Se=-1/0;for(let l=Math.floor(K/$)*$;l<=ie+$;l=Q(l,$)){const A=re(l),H=ge+l*1e3;e.strokeStyle=r.majorTickColor,e.lineWidth=1,e.beginPath(),e.moveTo(A,o-r.majorTickHeight),e.lineTo(A,o),e.stroke();const D=te(H,u,M,h,y),E=e.measureText(D).width,S=A-E/2;S>Se&&(e.fillStyle=r.labelColor,e.fillText(D,A,o-r.majorTickHeight-4),Se=S+E+5)}const pe=(m-i)/(s-i)*t;return e.strokeStyle=r.indicatorColor,e.lineWidth=r.indicatorLineWidth,e.beginPath(),e.moveTo(pe,0),e.lineTo(pe,o),e.stroke(),T}a.DEFAULT_LABELS=He,a.DEFAULT_LANE_HEIGHT=I,a.DateTimeFormats=ee,a.LABEL_PAD_LEFT=Te,a.LANE_GAP=R,a.MAX_SPAN_MS=he,a.MIN_SPAN_MS=ue,a.MONTHS=de,a.SCROLLBAR_WIDTH=q,a.SWIM_LANE_SCROLL_SPEED=Oe,a.TICK_AREA_HEIGHT=j,a.TIC_SCALES=b,a.TickInterval=x,a.Timezones=Ye,a.calcEpochMs=Me,a.clampSpan=ne,a.defaultSwimLaneStyle=Y,a.defaultTheme=ke,a.drawTimeline=ze,a.formatDateTime=ce,a.formatTime=Ne,a.fromMilliseconds=Ee,a.generateTicks=Fe,a.getDateParts=V,a.getDurationMs=me,a.getTimezoneAbbr=Ie,a.hitTestLaneLabel=Be,a.hitTestSwimLane=ve,a.isInSwimLaneRegion=je,a.makeLabel=te,a.nextTic=Q,a.positionToTime=Re,a.resolveItemStyle=oe,a.resolveLabel=Ae,a.snapToTick=$e,a.splitForDisplay=Pe,a.timeToPosition=fe,a.toDate=Z,a.toJulianDate=Ce,a.toMilliseconds=P,a.totalSwimLaneHeight=Ue,a.twoD=_,a.zoomAroundMs=We,a.zoomRange=Je,Object.defineProperty(a,Symbol.toStringTag,{value:"Module"})}));
+(function(a,B){typeof exports=="object"&&typeof module<"u"?B(exports,require("cesium")):typeof define=="function"&&define.amd?define(["exports","cesium"],B):(a=typeof globalThis<"u"?globalThis:a||self,B(a.CesiumTimelineCore={},a.Cesium))})(this,(function(a,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 l=Object.getOwnPropertyDescriptor(e,o);Object.defineProperty(t,o,l.get?l:{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(),u=e.getMonth(),L=e.getDate(),y=e.getHours(),g=y%12||12,h=e.getMinutes(),p=e.getSeconds(),R=e.getMilliseconds();return{yr:T,mo:u,day:L,hr24:y,hr12:g,min:h,sec:p,ms:R,ampm:y<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}),l={};for(const T of o.formatToParts(e))T.type!=="literal"&&(l[T.type]=T.value);const n=parseInt(l.year),s=parseInt(l.month)-1,m=parseInt(l.day);let r=parseInt(l.hour);r===24&&(r=0);const c=r%12||12,f=parseInt(l.minute),M=parseInt(l.second),d=e.getMilliseconds();return{yr:n,mo:s,day:m,hr24:r,hr12:c,min:f,sec:M,ms:d,ampm:r<12?"AM":"PM"}}function Ne(e,t){var n;if(!t||t==="local")return null;const o=K(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 ue(e,t=te.DEFAULT,o){const l=K(e),{yr:n,mo:s,day:m,hr24:r,hr12:c,min:f,sec:M,ms:d,ampm:T}=Z(l,o),u=g=>String(g).padStart(2,"0"),L=g=>String(g).padStart(3,"0"),y={YYYY:String(n),YY:String(n).slice(-2),MMMM:Ie[s],MMM:Ye[s],MM:u(s+1),M:String(s+1),DD:u(m),D:String(m),HH:u(r),H:String(r),hh:u(c),h:String(c),mm:u(f),ss:u(M),SSS:L(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,g=>y[g]??g)}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"],l=m=>m.replace(/\s{2,}/g," ").trim().replace(/^[\s\W]+|[\s\W]+$/g,"").trim();let n=e;for(const m of t)n=n.replace(m,"");let s=e;for(const m of o)s=s.replace(m,"");return{timeFormat:l(n),dateFormat:l(s)}}function Fe(e,t=!1){return ue(e,t?"HH:mm:ss":"HH:mm")}function he(e,t,o,l){const n=N(e),s=N(t),m=N(o);if(m===s)return 0;const r=(n-s)/(m-s);return Math.max(0,Math.min(1,r))*l}function $e(e,t,o,l){const n=Math.max(0,Math.min(1,e/l)),s=N(t),m=N(o),r=s+n*(m-s);return H.JulianDate.fromDate(new Date(r))}function Oe(e,t,o,l){const n=[],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,M=0;for(;f<=m+s;){const d=M*r%c===0,T=he(new Date(f),e,t,l);let u;if(d){const L=new Date(f),y=L.getHours().toString().padStart(2,"0"),g=L.getMinutes().toString().padStart(2,"0");u=`${y}:${g}`}n.push({position:T,isMajor:d,label:u}),f+=r,M++}return n}function Je(e,t,o=10){let l=t[0],n=Math.abs(l.position-e);for(const s of t){const m=Math.abs(s.position-e);m<n&&(n=m,l=s)}return n<=o?l.position:e}const de=1e3,Te=31536e9,D=[.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,l,n){const s=new Date(e),{yr:m,mo:r,day:c,hr24:f,hr12:M,min:d,sec:T,ms:u,ampm:L}=Z(s,o),y=l?M:f,g=l?` ${L}`:"",h=n??ge;if(t>31536e4)return`${m}`;if(t>31536e3)return`${h[r]} ${m}`;if(t>604800)return`${h[r]} ${c}`;if(t>86400)return`${h[r]} ${c} ${w(y)}:${w(d)}${g}`;if(t>3600)return`${w(y)}:${w(d)}${g}`;if(t>60)return`${w(y)}:${w(d)}:${w(T)}${g}`;const p=u>0?`.${String(u).padStart(3,"0")}`:"";return`${w(y)}:${w(d)}:${w(T)}${p}${g}`}function Se(e,t,o){const l=new Date(e);if(!o||o==="local"){const c=l.getFullYear(),f=l.getMonth(),M=l.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,M).getTime()}const{yr:n,hr24:s,min:m,sec:r}=Z(l,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+m*60+r)*1e3}function q(e,t){return Math.ceil(e/t+.5)*t}function ne(e,t,o){var l,n,s,m,r,c,f,M,d,T,u,L;return{color:((l=t.style)==null?void 0:l.color)??((n=e.style)==null?void 0:n.color)??I.color,borderColor:((s=t.style)==null?void 0:s.borderColor)??((m=e.style)==null?void 0:m.borderColor)??(o==null?void 0:o.swimLaneItemBorderColor)??I.borderColor,borderWidth:((r=t.style)==null?void 0:r.borderWidth)??((c=e.style)==null?void 0:c.borderWidth)??(o==null?void 0:o.swimLaneItemBorderWidth)??I.borderWidth,opacity:((f=t.style)==null?void 0:f.opacity)??((M=e.style)==null?void 0:M.opacity)??I.opacity,markerShape:((d=t.style)==null?void 0:d.markerShape)??((T=e.style)==null?void 0:T.markerShape)??I.markerShape,markerSize:((u=t.style)==null?void 0:u.markerSize)??((L=e.style)==null?void 0:L.markerSize)??I.markerSize}}function ie(e){return Math.max(de,Math.min(Te,e))}function ve(e,t,o){const l=t-e,n=(e+t)/2,s=ie(l*o);return{startMs:n-s/2,endMs:n+s/2}}function Ue(e,t,o,l){const n=t-e,s=ie(n*o),m=n>0?(l-e)/n:.5;return{startMs:l-m*s,endMs:l+(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,l,n){const{swimLanes:s,showSwimLanes:m,scrollTop:r,startMs:c,endMs:f,theme:M}=n;if(!m||s.length===0)return null;const d=Math.max(0,l-j);if(t<0||t>=d)return null;let T=-r;for(const u of s){const L=u.height??P,y=T,g=T+L;if(T+=L+$,!(t<y||t>=g)){for(const h of u.items){if(h.interval){const p=H.JulianDate.toDate(h.interval.start).getTime(),R=H.JulianDate.toDate(h.interval.stop).getTime(),Q=(p-c)/(f-c)*o,E=(R-c)/(f-c)*o;if(e>=Math.max(0,Q)&&e<=Math.min(o,E))return{lane:u,item:h}}if(h.instant){const R=(H.JulianDate.toDate(h.instant).getTime()-c)/(f-c)*o,Q=ne(u,h,M);if(Math.abs(e-R)<=Q.markerSize/2+2)return{lane:u,item:h}}}return null}}return null}function ze(e,t,o,l){const{swimLanes:n,showSwimLanes:s,scrollTop:m}=l;if(!s||n.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 n){const M=f.height??P;if(t>=c&&t<c+M)return f;c+=M+$}return null}function Xe(e,t,o){if(!o.showSwimLanes||o.swimLanes.length===0)return!1;const l=Math.max(0,t-j);return e>=0&&e<l}function Ge(e,t,o,l){const{startMs:n,endMs:s,currentMs:m,theme:r,maxTicks:c,swimLanes:f,showSwimLanes:M,reorderState:d,timezone:T,use12h:u,months:L,rangeSelection:y,hoverMs:g}=l;let{scrollTop:h}=l;const p=(s-n)/1e3;if(p<=0)return h;e.fillStyle=r.backgroundColor,e.fillRect(0,0,t,o);const R=M&&f.length>0,E=R?Math.max(0,o-j):0;let x=0;if(R)for(const i of f)x+=(i.height??P)+$;const re=Math.max(0,x-E);if(h>re&&(h=re),h<0&&(h=0),R&&E>0){e.save(),e.beginPath(),e.rect(0,0,t,E),e.clip();let i=-h;const A=k=>(k-n)/(s-n)*t;for(const k of f){const b=k.height??P,_=i+b;if(_>0&&i<E){const S=k.style,U=(S==null?void 0:S.backgroundColor)??I.backgroundColor;U&&U!=="transparent"&&(e.fillStyle=U,e.fillRect(0,i,t,b)),e.strokeStyle=r.tickColor+"44",e.lineWidth=.5,e.beginPath(),e.moveTo(0,_),e.lineTo(t,_),e.stroke();for(const F of k.items){const C=ne(k,F,r);if(F.interval){const se=H.JulianDate.toDate(F.interval.start).getTime(),Y=H.JulianDate.toDate(F.interval.stop).getTime(),W=A(se),v=A(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=i+De,Ae=b-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=A(se);if(Y>=-C.markerSize&&Y<=t+C.markerSize){const W=i+b/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,i+2),e.lineTo(Y,i+b-2),e.stroke()),e.globalAlpha=1}}}e.font=`${Math.min(11,b-4)}px system-ui, sans-serif`,e.textAlign="left",e.textBaseline="middle",e.fillStyle=(S==null?void 0:S.labelColor)??I.labelColor,e.fillText(k.label,Me,i+b/2)}if(i+=b+$,i>=E)break}if(d&&d.dragging){const k=d.currentY-d.dragStartY;let b=-h;for(let S=0;S<f.length&&S<d.insertIndex;S++)b+=(f[S].height??P)+$;e.strokeStyle=r.indicatorColor,e.lineWidth=2,e.beginPath(),e.moveTo(0,b),e.lineTo(t,b),e.stroke();const _=f.find(S=>S.id===d.dragLaneId);if(_){const S=_.height??P;let U=-h;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+k,t,S),e.globalAlpha=1}}if(x>E){const k=t-V-2,b=E/x,_=Math.max(20,E*b),S=h/re*(E-_);e.fillStyle=r.tickColor+"22",e.fillRect(k,0,V,E),e.fillStyle=r.tickColor+"88",e.fillRect(k,S,V,_)}e.restore()}e.font=`${r.fontSize}px monospace`;const Ke=oe(n+p*500,p,T,u,L),Ze=e.measureText(Ke).width+24,Ve=Math.max(Ze/t*p,p/1e3);let O=D[D.length-1],z=D.length-1;for(let i=0;i<D.length;i++)if(D[i]>Ve){O=D[i],z=i;break}if(c!=null&&c>0)for(;z<D.length-1&&p/O>c;)z++,O=D[z];let J=0;for(let i=z-1;i>=0;i--)if(O%D[i]<1e-4){t*(D[i]/p)>=3&&(J=D[i]);break}let X=0;if(J>0){for(let i=0;i<D.length&&D[i]<J;i++)if(J%D[i]<1e-4&&t*(D[i]/p)>=3){X=D[i];break}}const pe=Se(n,p,T),G=(n-pe)/1e3,le=G+p,ae=i=>t*((i-G)/p);if(X>0){e.strokeStyle=r.tickColor,e.lineWidth=1;for(let i=Math.floor(G/X)*X;i<=le;i=q(i,X)){const A=ae(i);e.beginPath(),e.moveTo(A,o-r.minorTickHeight),e.lineTo(A,o),e.stroke()}}if(J>0){e.strokeStyle=r.tickColor,e.lineWidth=1;for(let i=Math.floor(G/J)*J;i<=le;i=q(i,J)){const A=ae(i);e.beginPath(),e.moveTo(A,o-r.minorTickHeight),e.lineTo(A,o),e.stroke()}}e.textAlign="center",e.textBaseline="bottom";let be=-1/0;for(let i=Math.floor(G/O)*O;i<=le+O;i=q(i,O)){const A=ae(i),k=pe+i*1e3;e.strokeStyle=r.majorTickColor,e.lineWidth=1,e.beginPath(),e.moveTo(A,o-r.majorTickHeight),e.lineTo(A,o),e.stroke();const b=oe(k,p,T,u,L),_=e.measureText(b).width,S=A-_/2;S>be&&(e.fillStyle=r.labelColor,e.fillText(b,A,o-r.majorTickHeight-4),be=S+_+5)}if(y){const i=(y.startMs-n)/(s-n)*t,A=(y.endMs-n)/(s-n)*t,k=Math.min(i,A),b=Math.abs(A-i);e.globalAlpha=.2,e.fillStyle=r.indicatorColor,e.fillRect(k,0,b,o),e.globalAlpha=1}const ye=(m-n)/(s-n)*t;if(e.strokeStyle=r.indicatorColor,e.lineWidth=r.indicatorLineWidth,e.beginPath(),e.moveTo(ye,0),e.lineTo(ye,o),e.stroke(),g!=null){const i=(g-n)/(s-n)*t;e.globalAlpha=.15,e.strokeStyle=r.indicatorColor,e.lineWidth=r.indicatorLineWidth,e.beginPath(),e.moveTo(i,0),e.lineTo(i,o),e.stroke(),e.globalAlpha=1}return h}a.DEFAULT_LABELS=Ce,a.DEFAULT_LANE_HEIGHT=P,a.DateTimeFormats=te,a.LABEL_PAD_LEFT=Me,a.LANE_GAP=$,a.MAX_SPAN_MS=Te,a.MIN_SPAN_MS=de,a.MONTHS=ge,a.SCROLLBAR_WIDTH=V,a.SWIM_LANE_SCROLL_SPEED=We,a.TICK_AREA_HEIGHT=j,a.TIC_SCALES=D,a.TickInterval=ee,a.Timezones=Pe,a.calcEpochMs=Se,a.clampSpan=ie,a.defaultSwimLaneStyle=I,a.defaultTheme=Ee,a.drawTimeline=Ge,a.formatDateTime=ue,a.formatTime=Fe,a.fromMilliseconds=we,a.generateTicks=Oe,a.getDateParts=Z,a.getDurationMs=fe,a.getTimezoneAbbr=Ne,a.hitTestLaneLabel=ze,a.hitTestSwimLane=je,a.isInSwimLaneRegion=Xe,a.makeLabel=oe,a.nextTic=q,a.positionToTime=$e,a.resolveItemStyle=ne,a.resolveLabel=He,a.snapToTick=Je,a.splitForDisplay=Re,a.timeToPosition=he,a.toDate=K,a.toJulianDate=_e,a.toMilliseconds=N,a.totalSwimLaneHeight=Be,a.twoD=w,a.zoomAroundMs=Ue,a.zoomRange=ve,Object.defineProperty(a,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;
 }
 
 /**
@@ -539,6 +571,21 @@ export declare interface TimelineRenderState {
     use12h?: boolean;
     /** Abbreviated month names for tick labels. Falls back to English when omitted. */
     months?: string[];
+    /**
+     * Active range selection (set while the user is dragging to select a range).
+     * When non-null, a highlight is rendered over the selected time span in the tick area.
+     */
+    rangeSelection?: {
+        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 {
@@ -561,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.8.0",
+  "version": "0.10.0",
   "description": "Framework-agnostic core logic for the Cesium timeline component",
   "license": "MIT",
   "author": "kteneyck",