@kteneyck/cesium-timeline-core 0.8.0 → 0.9.0

package/README.md

@@ -133,6 +133,7 @@ Angular components use standalone imports — no NgModule required. Selectors: `
 - **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.
+- **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).
@@ -174,6 +175,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. |
+| `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). |
 
 ---
@@ -596,6 +598,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 +703,60 @@ 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;
+}
+```
+
 ---
 
 ## Swim Lanes

package/dist/cesium-timeline-core.js

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

package/dist/index.d.ts

@@ -539,6 +539,14 @@ 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;
 }
 
 export declare interface TimelineTheme {

package/package.json

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