@kteneyck/cesium-timeline-core 0.4.0 → 0.6.0

package/README.md

@@ -123,7 +123,7 @@ Angular components use standalone imports — no NgModule required. Selectors: `
 - **Auto-scroll during playback** — visible window pans automatically when the needle reaches 10% from either edge.
 - **Infinite scrolling window** — timeline is not clamped to `startTime`/`endTime`; the window can pan anywhere.
 - **Adaptive tick labels** — label granularity adapts to zoom level: milliseconds → seconds → HH:MM:SS → HH:MM → Month Day → Month Year → Year. Tick dates are shown only when the visible window spans more than 24 hours.
-- **Local time labels** — ticks and dates reflect the user's local timezone, not UTC.
+- **Configurable timezone** — tick labels and the datetime display can show any IANA timezone (e.g. `"UTC"`, `"America/New_York"`) or the browser's local time. A short abbreviation (e.g. `UTC`, `EST`, `PDT`) is displayed to the right of the date line whenever a non-local timezone is active.
 - **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.
@@ -135,6 +135,7 @@ Angular components use standalone imports — no NgModule required. Selectors: `
 - **Max tick limit** — `maxTicks` prop prevents the canvas from becoming overloaded at wide zoom levels by coarsening the tick scale automatically.
 - **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).
 - **Responsive** — fills container width; `ResizeObserver` redraws on resize.
 
 ---
@@ -159,6 +160,7 @@ Angular components use standalone imports — no NgModule required. Selectors: `
 | `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) |
@@ -172,6 +174,7 @@ Angular components use standalone imports — no NgModule required. Selectors: `
 | `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). |
 
 ---
 
@@ -229,6 +232,60 @@ const theme = useMemo(() => {
 
 ---
 
+## Timezone
+
+By default the timeline displays all times in the **browser's local timezone**. Pass the `timezone` prop to use UTC or any [IANA timezone](https://en.wikipedia.org/wiki/List_of_tz_database_time_zones) instead.
+
+```tsx
+// UTC
+<Timeline clock={viewer.clock} timezone="UTC" ... />
+
+// A named IANA zone
+<Timeline clock={viewer.clock} timezone="America/New_York" ... />
+
+// Back to local (or simply omit the prop)
+<Timeline clock={viewer.clock} timezone="local" ... />
+```
+
+Both the **canvas tick labels** and the **control bar datetime display** update to reflect the chosen timezone. When a non-local timezone is active a short abbreviation (e.g. `UTC`, `EST`, `PDT`) is shown to the right of the date line. The abbreviation is DST-aware — it automatically switches between `EST` and `EDT`, `PST` and `PDT`, etc.
+
+### `Timezones` constants
+
+```tsx
+import { Timezones } from '@kteneyck/cesium-timeline-react';
+
+<Timeline timezone={Timezones.UTC} ... />   // "UTC"
+<Timeline timezone={Timezones.LOCAL} ... /> // "local" (default behavior)
+```
+
+### `getTimezoneAbbr` utility
+
+Returns the short abbreviation for a given date and timezone, or `null` for local.
+
+```tsx
+import { getTimezoneAbbr } from '@kteneyck/cesium-timeline-react';
+
+getTimezoneAbbr(new Date(), 'UTC');               // → "UTC"
+getTimezoneAbbr(new Date(), 'America/Chicago');   // → "CDT" or "CST"
+getTimezoneAbbr(new Date());                      // → null  (local)
+```
+
+### `formatDateTime` with timezone
+
+The `formatDateTime` utility accepts an optional third argument:
+
+```tsx
+import { formatDateTime, DateTimeFormats } from '@kteneyck/cesium-timeline-react';
+
+formatDateTime(new Date(), DateTimeFormats.ISO, 'UTC');
+// → "2026-02-24 14:04:07"  (always in UTC regardless of local browser timezone)
+
+formatDateTime(new Date(), DateTimeFormats.DEFAULT, 'America/Los_Angeles');
+// → "Feb 24 2026 06:04:07"
+```
+
+---
+
 ## DateTime Format
 
 The `dateTimeFormat` prop controls the two-line datetime display in the control bar. It accepts a token-based format string.
@@ -357,6 +414,88 @@ const [pickerOpen, setPickerOpen] = useState(false);
 
 ---
 
+## Labels & i18n
+
+Every label and tooltip in the control bar is overridable via the `labels` prop. Pass a `Partial<TimelineLabels>` object — only the keys you provide are changed; everything else falls back to the English defaults.
+
+### `TimelineLabels` reference
+
+| Key | Default (English) | Notes |
+|-----|-------------------|-------|
+| `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 |
+| `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 |
+| `jumpToStartTooltip` | `"Jump to start"` | ⏮ button tooltip when a start time is set |
+| `noStartTimeTooltip` | `"No start time set"` | ⏮ button tooltip when no start time is set |
+| `jumpToEndTooltip` | `"Jump to end"` | ⏭ button tooltip when an end time is set |
+| `noEndTimeTooltip` | `"No end time set"` | ⏭ button tooltip when no end time is set |
+| `rewindTooltip` | `"Rewind"` | ◀◀ button tooltip at normal speed |
+| `rewindActiveTooltip` | `(n) => "Reverse N× — click to speed up…"` | ◀◀ button tooltip while rewinding — receives the current multiplier |
+| `playTooltip` | `"Play"` | ▶ button tooltip when stopped |
+| `playFromRewindTooltip` | `"Play (reset to 1×)"` | ▶ button tooltip when coming out of rewind |
+| `pauseTooltip` | `"Pause"` | ▶ button tooltip when playing |
+| `fastForwardTooltip` | `"Fast forward"` | ▶▶ button tooltip at normal speed |
+| `fastForwardActiveTooltip` | `(n) => "N× speed — click to increase…"` | ▶▶ button tooltip while fast-forwarding — receives the current multiplier |
+| `collapseSwimLanesTooltip` | `"Collapse swim lanes"` | Chevron button tooltip when lanes are visible |
+| `expandSwimLanesTooltip` | `"Expand swim lanes"` | Chevron button tooltip when lanes are hidden |
+
+Dynamic fields (`rewindActiveTooltip`, `fastForwardActiveTooltip`) accept either a **static string** or a **function** `(multiplier: number) => string`. Use a function when you want to embed the speed value in your translated string.
+
+### React example
+
+```tsx
+import { Timeline } from '@kteneyck/cesium-timeline-react';
+import type { TimelineLabels } from '@kteneyck/cesium-timeline-core';
+
+const frLabels: Partial<TimelineLabels> = {
+  playTooltip: 'Lecture',
+  pauseTooltip: 'Pause',
+  liveLabel: 'EN DIRECT',
+  liveActiveLabel: '● EN DIRECT',
+  liveTooltip: 'Aller en direct',
+  liveActiveTooltip: 'Vous êtes en direct',
+  rewindTooltip: 'Retour rapide',
+  rewindActiveTooltip: (n) => `Retour ${n}× — cliquer pour accélérer`,
+  fastForwardTooltip: 'Avance rapide',
+  fastForwardActiveTooltip: (n) => `${n}× — cliquer pour augmenter la vitesse`,
+  collapseSwimLanesTooltip: 'Réduire les pistes',
+  expandSwimLanesTooltip: 'Développer les pistes',
+};
+
+<Timeline clock={viewer.clock} labels={frLabels} height={120} />
+```
+
+### Angular example
+
+```typescript
+// component.ts
+import type { TimelineLabels } from '@kteneyck/cesium-timeline-core';
+
+@Component({ ... })
+export class AppComponent {
+  frLabels: Partial<TimelineLabels> = {
+    playTooltip: 'Lecture',
+    pauseTooltip: 'Pause',
+    liveLabel: 'EN DIRECT',
+    liveActiveLabel: '● EN DIRECT',
+    liveTooltip: 'Aller en direct',
+    liveActiveTooltip: 'Vous êtes en direct',
+    rewindActiveTooltip: (n) => `Retour ${n}× — cliquer pour accélérer`,
+    fastForwardActiveTooltip: (n) => `${n}× — cliquer pour augmenter la vitesse`,
+  };
+}
+```
+
+```html
+<!-- component.html -->
+<ct-timeline [clock]="clock" [labels]="frLabels" [height]="120" />
+```
+
+---
+
 ## Exports
 
 ### React
@@ -385,7 +524,10 @@ import {
 ```tsx
 import {
   DateTimeFormats,   // Format string presets
-  formatDateTime,    // Token-based date formatter
+  Timezones,         // { LOCAL: 'local', UTC: 'UTC' } convenience constants
+  DEFAULT_LABELS,    // Default English label/tooltip strings
+  formatDateTime,    // Token-based date formatter (date, format, timezone?)
+  getTimezoneAbbr,   // Short timezone abbreviation for a date (date, timezone?)
   splitForDisplay,   // Split format string into time/date parts
   toJulianDate,      // Convert Date | JulianDate → JulianDate
   toDate,            // Convert Date | JulianDate → Date
@@ -401,6 +543,7 @@ import {
 // TypeScript types
 import type {
   TimelineTheme,
+  TimelineLabels,
   SwimLane,
   SwimLaneItem,
   SwimLaneItemStyle,

package/dist/cesium-timeline-core.js

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

package/dist/index.d.ts

@@ -52,6 +52,11 @@ export declare interface ControlsBaseProps {
     swimLanesVisible?: boolean;
     /** Toggle callback for the swim-lane chevron button. */
     onToggleSwimLanes?: () => void;
+    /**
+     * Overrides for control-bar labels and tooltips.
+     * @see TimelineBaseProps.labels
+     */
+    labels?: Partial<TimelineLabels>;
 }
 
 /** Decomposed date/time fields extracted in a specific timezone. `mo` is 0-indexed. */
@@ -85,6 +90,9 @@ export declare const DateTimeFormats: {
     readonly TIME_12: "hh:mm:ss A";
 };
 
+/** English default labels — used as the fallback for any field not overridden. */
+export declare const DEFAULT_LABELS: Required<TimelineLabels>;
+
 export declare const DEFAULT_LANE_HEIGHT = 24;
 
 export declare const defaultSwimLaneStyle: SwimLaneStyle;
@@ -197,6 +205,9 @@ export declare interface ReorderState {
 /** Resolve the effective style for a swim lane item (item → lane → theme → defaults). */
 export declare function resolveItemStyle(lane: SwimLane, item: SwimLaneItem, theme?: TimelineTheme): SwimLaneItemStyle;
 
+/** Resolves a label field that may be a static string or a multiplier callback. */
+export declare function resolveLabel(label: string | ((multiplier: number) => string), multiplier: number): string;
+
 /** Width in pixels for the thin scrollbar track. */
 export declare const SCROLLBAR_WIDTH = 6;
 
@@ -409,6 +420,80 @@ export declare interface TimelineBaseProps {
     onSwimLaneItemContextMenu?: (info: SwimLaneEventInfo) => void;
     /** Fired when swim lanes are reordered via drag. Returns the new ordered lane IDs. */
     onSwimLaneReorder?: (orderedLaneIds: string[]) => void;
+    /**
+     * Overrides for control-bar labels and tooltips.
+     * Useful for localisation or custom verbiage — provide only the strings you
+     * want to change; everything else falls back to the English defaults.
+     */
+    labels?: Partial<TimelineLabels>;
+}
+
+/**
+ * All user-facing labels and tooltip strings rendered by the timeline control bar.
+ * Every field is optional — provide only the strings you want to override.
+ * Unspecified fields fall back to the English defaults in {@link DEFAULT_LABELS}.
+ *
+ * Dynamic tooltip fields accept either a static string **or** a function that
+ * receives the current speed multiplier and returns a string, letting you embed
+ * the value in whatever format your language requires.
+ *
+ * @example
+ * ```ts
+ * // Minimal French override
+ * const frLabels: Partial<TimelineLabels> = {
+ *   playTooltip: 'Lecture',
+ *   pauseTooltip: 'Pause',
+ *   liveTooltip: 'Aller en direct',
+ *   liveActiveTooltip: 'En direct',
+ * };
+ * <Timeline labels={frLabels} />
+ * ```
+ */
+export declare interface TimelineLabels {
+    /** Tooltip shown on the datetime display when `onDateTimeClick` is wired up. */
+    dateTimeClickTooltip: string;
+    /** Visible text on the LIVE button when the needle is NOT at live time. */
+    liveLabel: string;
+    /** Visible text on the LIVE button when the needle IS at live time. */
+    liveActiveLabel: string;
+    /** Tooltip when the needle is NOT at live time. */
+    liveTooltip: string;
+    /** Tooltip when the needle IS at live time. */
+    liveActiveTooltip: string;
+    /** Tooltip on the speed-reset badge (shown when playback is not 1×). */
+    resetSpeedTooltip: string;
+    /** Tooltip on the ⏮ jump-to-start button when a start time is set. */
+    jumpToStartTooltip: string;
+    /** Tooltip on the ⏮ jump-to-start button when no start time is set. */
+    noStartTimeTooltip: string;
+    /** Tooltip on the ⏭ jump-to-end button when an end time is set. */
+    jumpToEndTooltip: string;
+    /** Tooltip on the ⏭ jump-to-end button when no end time is set. */
+    noEndTimeTooltip: string;
+    /** Tooltip on the ◀◀ rewind button when not currently rewinding. */
+    rewindTooltip: string;
+    /**
+     * Tooltip on the ◀◀ rewind button while actively rewinding.
+     * Receives the current absolute multiplier (e.g. `2`, `4`, `8`).
+     */
+    rewindActiveTooltip: string | ((multiplier: number) => string);
+    /** Tooltip on the play button when stopped and not rewinding. */
+    playTooltip: string;
+    /** Tooltip on the play button when rewinding (clicking will reset to 1× forward). */
+    playFromRewindTooltip: string;
+    /** Tooltip on the play button when currently playing (will pause on click). */
+    pauseTooltip: string;
+    /** Tooltip on the ▶▶ fast-forward button when at normal speed. */
+    fastForwardTooltip: string;
+    /**
+     * Tooltip on the ▶▶ fast-forward button while fast-forwarding.
+     * Receives the current absolute multiplier (e.g. `2`, `4`, `8`).
+     */
+    fastForwardActiveTooltip: string | ((multiplier: number) => string);
+    /** Tooltip on the chevron button when swim lanes are currently visible (click will collapse). */
+    collapseSwimLanesTooltip: string;
+    /** Tooltip on the chevron button when swim lanes are currently hidden (click will expand). */
+    expandSwimLanesTooltip: string;
 }
 
 /** Mutable state the engine reads during a draw call. */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kteneyck/cesium-timeline-core",
-  "version": "0.4.0",
+  "version": "0.6.0",
   "description": "Framework-agnostic core logic for the Cesium timeline component",
   "license": "MIT",
   "author": "kteneyck",