@zendir/ui 0.1.14 → 0.1.15

package/dist/react/astro/UnifiedTimeline.js

@@ -4,7 +4,84 @@ import { classNames, safeAccentText } from "../utils/index.js";
 import { Icon } from "../core/Icon.js";
 import { Badge } from "../core/Badge.js";
 import { Tooltip } from "../core/Tooltip.js";
+import { Checkbox } from "../core/Checkbox.js";
 import { useTheme } from "../theme/ThemeProvider.js";
+const ALL_TIMELINE_STATUSES = [
+  "off",
+  "standby",
+  "normal",
+  "caution",
+  "serious",
+  "critical"
+];
+function getTimelineEventDisplayStatus(event) {
+  if (event.badgeVariant && event.badgeVariant !== "default" && event.badgeVariant !== "primary") {
+    return event.badgeVariant;
+  }
+  return event.status ?? "normal";
+}
+function isTimelineFilterActive(filter) {
+  return Boolean(
+    filter.search && filter.search.trim() || filter.tracks && filter.tracks.length > 0 || filter.status && filter.status.length > 0 || filter.eventShape && filter.eventShape !== "all" || filter.teamColoredOnly
+  );
+}
+function normalizeTimelineFilter(f) {
+  var _a, _b, _c;
+  const o = {};
+  const s = (_a = f.search) == null ? void 0 : _a.trim();
+  if (s) o.search = s;
+  if ((_b = f.tracks) == null ? void 0 : _b.length) o.tracks = [...f.tracks];
+  if ((_c = f.status) == null ? void 0 : _c.length) o.status = [...f.status];
+  if (f.eventShape && f.eventShape !== "all") o.eventShape = f.eventShape;
+  if (f.teamColoredOnly) o.teamColoredOnly = true;
+  return o;
+}
+function matchesTimelineFilter(event, filter) {
+  var _a, _b, _c, _d, _e;
+  if (!isTimelineFilterActive(filter)) return true;
+  if ((_a = filter.tracks) == null ? void 0 : _a.length) {
+    const tid = event.track ?? "default";
+    if (!filter.tracks.includes(tid)) return false;
+  }
+  if ((_b = filter.status) == null ? void 0 : _b.length) {
+    const ds = getTimelineEventDisplayStatus(event);
+    if (!filter.status.includes(ds)) return false;
+  }
+  const q = (_c = filter.search) == null ? void 0 : _c.trim().toLowerCase();
+  if (q) {
+    const argStr = event.arguments ? Object.values(event.arguments).map((v) => String(v)).join(" ") : "";
+    const hay = [
+      event.title,
+      event.subtitle,
+      event.badge,
+      event.track,
+      argStr
+    ].filter(Boolean).join(" ").toLowerCase();
+    if (!hay.includes(q)) return false;
+  }
+  if (filter.eventShape === "point") {
+    const endT = (_d = event.end) == null ? void 0 : _d.getTime();
+    const st = event.start.getTime();
+    if (endT != null && endT > st) return false;
+  }
+  if (filter.eventShape === "range") {
+    const endT = (_e = event.end) == null ? void 0 : _e.getTime();
+    const st = event.start.getTime();
+    if (endT == null || endT <= st) return false;
+  }
+  if (filter.teamColoredOnly && !event.color) return false;
+  return true;
+}
+function countTimelineFilterChips(filter) {
+  var _a, _b, _c;
+  let n = 0;
+  if ((_a = filter.search) == null ? void 0 : _a.trim()) n++;
+  if ((_b = filter.tracks) == null ? void 0 : _b.length) n++;
+  if ((_c = filter.status) == null ? void 0 : _c.length) n++;
+  if (filter.eventShape && filter.eventShape !== "all") n++;
+  if (filter.teamColoredOnly) n++;
+  return n;
+}
 function TimelineStatusMarker({
   status,
   fillColor,
@@ -607,11 +684,12 @@ const ChartView = memo(function ChartView2({
                           )),
                           (eventsByTrack[track.id] || []).map((event) => {
                             const { left, width } = getEventPosition(event);
-                            const color = getStatusColor(event.status);
+                            const displayStatus = event.badgeVariant && event.badgeVariant !== "default" && event.badgeVariant !== "primary" ? event.badgeVariant : event.status ?? "normal";
+                            const color = getStatusColor(displayStatus);
                             const isHovered = hoveredEvent === event.id;
                             const overlap = eventOverlaps[event.id];
                             const hasOverlap = overlap && overlap.overlapCount > 0;
-                            const cardHeight = hasOverlap ? 28 : 36;
+                            const cardHeight = hasOverlap ? 30 : 38;
                             const stackOffset = overlap ? overlap.stackIndex * 30 : 0;
                             const baseTop = ((track.height || trackHeight) - cardHeight) / 2;
                             return /* @__PURE__ */ jsxs(
@@ -649,7 +727,7 @@ const ChartView = memo(function ChartView2({
                                   transform: isHovered ? "translateY(-3px) scale(1.02)" : "none"
                                 },
                                 children: [
-                                  event.color && /* @__PURE__ */ jsx(
+                                  event.color ? /* @__PURE__ */ jsx(
                                     "div",
                                     {
                                       style: {
@@ -657,57 +735,63 @@ const ChartView = memo(function ChartView2({
                                         top: 0,
                                         left: 0,
                                         right: 0,
-                                        height: 3,
+                                        height: 2,
                                         backgroundColor: event.color,
-                                        borderRadius: "4px 4px 0 0"
-                                      }
-                                    }
-                                  ),
-                                  /* @__PURE__ */ jsx(
-                                    "div",
-                                    {
-                                      style: {
-                                        width: 4,
-                                        height: "100%",
-                                        backgroundColor: color,
-                                        flexShrink: 0,
-                                        borderRadius: "2px 0 0 2px"
-                                      }
+                                        borderRadius: "4px 4px 0 0",
+                                        zIndex: 1,
+                                        pointerEvents: "none"
+                                      },
+                                      "aria-hidden": true
                                     }
-                                  ),
+                                  ) : null,
                                   /* @__PURE__ */ jsxs(
                                     "div",
                                     {
                                       style: {
                                         flex: 1,
-                                        padding: "4px 8px",
+                                        padding: `${event.color ? 6 : 4}px 8px 4px 8px`,
                                         overflow: "hidden",
-                                        minWidth: 0
+                                        minWidth: 0,
+                                        display: "flex",
+                                        flexDirection: "column",
+                                        justifyContent: "center"
                                       },
                                       children: [
-                                        /* @__PURE__ */ jsx(
+                                        /* @__PURE__ */ jsxs(
                                           "div",
                                           {
                                             style: {
                                               display: "flex",
                                               alignItems: "center",
-                                              gap: 4
+                                              gap: 6,
+                                              minWidth: 0
                                             },
-                                            children: /* @__PURE__ */ jsx(
-                                              "span",
-                                              {
-                                                style: {
-                                                  fontSize: "0.6875rem",
-                                                  fontWeight: 500,
-                                                  // AstroUXDS medium (was 600)
-                                                  color: "#fff",
-                                                  whiteSpace: "nowrap",
-                                                  overflow: "hidden",
-                                                  textOverflow: "ellipsis"
-                                                },
-                                                children: event.title
-                                              }
-                                            )
+                                            children: [
+                                              /* @__PURE__ */ jsx(
+                                                TimelineStatusMarker,
+                                                {
+                                                  status: displayStatus,
+                                                  fillColor: color,
+                                                  size: hasOverlap ? 8 : 10
+                                                }
+                                              ),
+                                              /* @__PURE__ */ jsx(
+                                                "span",
+                                                {
+                                                  style: {
+                                                    fontSize: "0.6875rem",
+                                                    fontWeight: 500,
+                                                    // AstroUXDS medium (was 600)
+                                                    color: "#fff",
+                                                    whiteSpace: "nowrap",
+                                                    overflow: "hidden",
+                                                    textOverflow: "ellipsis",
+                                                    minWidth: 0
+                                                  },
+                                                  children: event.title
+                                                }
+                                              )
+                                            ]
                                           }
                                         ),
                                         event.subtitle && !hasOverlap && /* @__PURE__ */ jsx(
@@ -719,7 +803,8 @@ const ChartView = memo(function ChartView2({
                                               whiteSpace: "nowrap",
                                               overflow: "hidden",
                                               textOverflow: "ellipsis",
-                                              marginTop: 1
+                                              marginTop: 1,
+                                              paddingLeft: 16
                                             },
                                             children: event.subtitle
                                           }
@@ -1404,6 +1489,273 @@ const ScatterView = memo(function ScatterView2({
       ` })
   ] });
 });
+const TimelineFiltersToolbar = memo(function TimelineFiltersToolbar2({
+  filter,
+  onFilterChange,
+  trackOptions,
+  defaultExpanded
+}) {
+  const { tokens, theme } = useTheme();
+  const isTransparentTheme = theme === "transparent" || theme === "transparent-bold" || theme === "transparent-minimal";
+  const [expanded, setExpanded] = useState(defaultExpanded);
+  const chipCount = countTimelineFilterChips(filter);
+  const patch = useCallback(
+    (partial) => {
+      onFilterChange(normalizeTimelineFilter({ ...filter, ...partial }));
+    },
+    [filter, onFilterChange]
+  );
+  const clearAll = useCallback(() => {
+    onFilterChange({});
+  }, [onFilterChange]);
+  const toggleTrack = useCallback(
+    (id) => {
+      const cur = filter.tracks ?? [];
+      const next = cur.includes(id) ? cur.filter((t) => t !== id) : [...cur, id];
+      patch({ tracks: next.length ? next : void 0 });
+    },
+    [filter.tracks, patch]
+  );
+  const toggleStatus = useCallback(
+    (st) => {
+      const cur = filter.status ?? [];
+      const next = cur.includes(st) ? cur.filter((s) => s !== st) : [...cur, st];
+      patch({ status: next.length ? next : void 0 });
+    },
+    [filter.status, patch]
+  );
+  const pillBase = (active) => ({
+    padding: "4px 10px",
+    borderRadius: tokens.borderRadius.full ?? 999,
+    fontSize: "0.6875rem",
+    fontWeight: 500,
+    border: `1px solid ${active ? tokens.colors.accent.primary : tokens.colors.border.muted}`,
+    backgroundColor: active ? `${tokens.colors.accent.primary}22` : tokens.colors.background.elevated,
+    color: active ? tokens.colors.accent.primary : tokens.colors.text.secondary,
+    cursor: "pointer",
+    transition: "background-color 150ms ease, border-color 150ms ease, color 150ms ease"
+  });
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      style: {
+        padding: "12px 20px",
+        borderBottom: `1px solid ${tokens.colors.border.muted}`,
+        backgroundColor: isTransparentTheme ? "transparent" : tokens.colors.background.elevated,
+        ...isTransparentTheme && { backdropFilter: "blur(8px)", WebkitBackdropFilter: "blur(8px)" }
+      },
+      children: [
+        /* @__PURE__ */ jsxs(
+          "div",
+          {
+            style: {
+              display: "flex",
+              flexWrap: "wrap",
+              alignItems: "center",
+              gap: 10
+            },
+            children: [
+              /* @__PURE__ */ jsxs("div", { style: { flex: "1 1 220px", minWidth: 0, position: "relative" }, children: [
+                /* @__PURE__ */ jsx(
+                  Icon,
+                  {
+                    name: "search",
+                    size: 16,
+                    style: {
+                      position: "absolute",
+                      left: 12,
+                      top: "50%",
+                      transform: "translateY(-50%)",
+                      color: tokens.colors.text.tertiary,
+                      pointerEvents: "none"
+                    }
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  "input",
+                  {
+                    type: "search",
+                    value: filter.search ?? "",
+                    onChange: (e) => patch({ search: e.target.value || void 0 }),
+                    placeholder: "Search title, badge, track, fields…",
+                    "aria-label": "Search timeline events",
+                    style: {
+                      width: "100%",
+                      boxSizing: "border-box",
+                      height: 36,
+                      paddingLeft: 40,
+                      paddingRight: 12,
+                      borderRadius: tokens.borderRadius.md,
+                      border: `1px solid ${tokens.colors.border.muted}`,
+                      backgroundColor: tokens.colors.background.surface,
+                      color: tokens.colors.text.primary,
+                      fontSize: "0.8125rem",
+                      outline: "none"
+                    }
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ jsxs(
+                "button",
+                {
+                  type: "button",
+                  onClick: () => setExpanded((v) => !v),
+                  "aria-expanded": expanded,
+                  "aria-controls": "zendir-timeline-filters-panel",
+                  style: {
+                    display: "inline-flex",
+                    alignItems: "center",
+                    gap: 6,
+                    height: 36,
+                    padding: "0 14px",
+                    borderRadius: tokens.borderRadius.md,
+                    border: `1px solid ${tokens.colors.border.muted}`,
+                    backgroundColor: tokens.colors.background.surface,
+                    color: tokens.colors.text.primary,
+                    cursor: "pointer",
+                    fontSize: "0.8125rem",
+                    fontWeight: 500
+                  },
+                  children: [
+                    "Filters",
+                    chipCount > 0 ? /* @__PURE__ */ jsx(Badge, { variant: "filled", size: "small", status: "normal", children: chipCount }) : null,
+                    /* @__PURE__ */ jsx(Icon, { name: expanded ? "chevron-up" : "chevron-down", size: 18 })
+                  ]
+                }
+              ),
+              isTimelineFilterActive(filter) ? /* @__PURE__ */ jsx(
+                "button",
+                {
+                  type: "button",
+                  onClick: clearAll,
+                  style: {
+                    height: 36,
+                    padding: "0 12px",
+                    borderRadius: tokens.borderRadius.md,
+                    border: `1px solid ${tokens.colors.border.muted}`,
+                    backgroundColor: "transparent",
+                    color: tokens.colors.text.secondary,
+                    cursor: "pointer",
+                    fontSize: "0.75rem",
+                    fontWeight: 500
+                  },
+                  children: "Clear all"
+                }
+              ) : null
+            ]
+          }
+        ),
+        expanded ? /* @__PURE__ */ jsxs(
+          "div",
+          {
+            id: "zendir-timeline-filters-panel",
+            style: {
+              marginTop: 14,
+              display: "flex",
+              flexDirection: "column",
+              gap: 14
+            },
+            children: [
+              trackOptions.length > 0 ? /* @__PURE__ */ jsxs("div", { children: [
+                /* @__PURE__ */ jsx(
+                  "div",
+                  {
+                    style: {
+                      fontSize: "0.625rem",
+                      fontWeight: 600,
+                      letterSpacing: "0.06em",
+                      textTransform: "uppercase",
+                      color: tokens.colors.text.tertiary,
+                      marginBottom: 8
+                    },
+                    children: "Tracks"
+                  }
+                ),
+                /* @__PURE__ */ jsx("div", { style: { display: "flex", flexWrap: "wrap", gap: 6 }, children: trackOptions.map((t) => {
+                  var _a;
+                  const active = ((_a = filter.tracks) == null ? void 0 : _a.includes(t.id)) ?? false;
+                  return /* @__PURE__ */ jsx(
+                    "button",
+                    {
+                      type: "button",
+                      onClick: () => toggleTrack(t.id),
+                      style: pillBase(active),
+                      children: t.label
+                    },
+                    t.id
+                  );
+                }) })
+              ] }) : null,
+              /* @__PURE__ */ jsxs("div", { children: [
+                /* @__PURE__ */ jsx(
+                  "div",
+                  {
+                    style: {
+                      fontSize: "0.625rem",
+                      fontWeight: 600,
+                      letterSpacing: "0.06em",
+                      textTransform: "uppercase",
+                      color: tokens.colors.text.tertiary,
+                      marginBottom: 8
+                    },
+                    children: "Status"
+                  }
+                ),
+                /* @__PURE__ */ jsx("div", { style: { display: "flex", flexWrap: "wrap", gap: 6 }, children: ALL_TIMELINE_STATUSES.map((st) => {
+                  var _a;
+                  const active = ((_a = filter.status) == null ? void 0 : _a.includes(st)) ?? false;
+                  return /* @__PURE__ */ jsx("button", { type: "button", onClick: () => toggleStatus(st), style: pillBase(active), children: st }, st);
+                }) })
+              ] }),
+              /* @__PURE__ */ jsxs(
+                "div",
+                {
+                  style: {
+                    display: "flex",
+                    flexWrap: "wrap",
+                    alignItems: "center",
+                    gap: 16
+                  },
+                  children: [
+                    /* @__PURE__ */ jsxs("div", { children: [
+                      /* @__PURE__ */ jsx(
+                        "div",
+                        {
+                          style: {
+                            fontSize: "0.625rem",
+                            fontWeight: 600,
+                            letterSpacing: "0.06em",
+                            textTransform: "uppercase",
+                            color: tokens.colors.text.tertiary,
+                            marginBottom: 8
+                          },
+                          children: "Duration"
+                        }
+                      ),
+                      /* @__PURE__ */ jsx("div", { style: { display: "flex", flexWrap: "wrap", gap: 8 }, children: ["all", "point", "range"].map((key) => {
+                        const active = (filter.eventShape ?? "all") === key;
+                        return /* @__PURE__ */ jsx("button", { type: "button", onClick: () => patch({ eventShape: key }), style: pillBase(active), children: key === "all" ? "All" : key === "point" ? "Instant" : "Range" }, key);
+                      }) })
+                    ] }),
+                    /* @__PURE__ */ jsx(
+                      Checkbox,
+                      {
+                        label: "Team color only",
+                        checked: Boolean(filter.teamColoredOnly),
+                        onChange: (checked) => patch({ teamColoredOnly: checked || void 0 }),
+                        size: "small"
+                      }
+                    )
+                  ]
+                }
+              )
+            ]
+          }
+        ) : null
+      ]
+    }
+  );
+});
 const UnifiedTimeline = memo(function UnifiedTimeline2({
   title = "Timeline",
   events,
@@ -1422,6 +1774,8 @@ const UnifiedTimeline = memo(function UnifiedTimeline2({
   zoomable = false,
   initialZoom = 1,
   showFilters: _showFilters = false,
+  filtersDefaultExpanded = false,
+  hideEmptyTracksWhenFiltered = true,
   filter: _filter,
   onFilterChange: _onFilterChange,
   showCount: _showCount = true,
@@ -1437,6 +1791,15 @@ const UnifiedTimeline = memo(function UnifiedTimeline2({
   const [internalViewMode, setInternalViewMode] = useState(defaultView);
   const [zoom, setZoom] = useState(initialZoom);
   const [_internalFilter, _setInternalFilter] = useState({});
+  const filter = _filter !== void 0 ? _filter : _internalFilter;
+  const setFilter = useCallback(
+    (next) => {
+      const n = normalizeTimelineFilter(next);
+      if (_filter === void 0) _setInternalFilter(n);
+      _onFilterChange == null ? void 0 : _onFilterChange(n);
+    },
+    [_filter, _onFilterChange]
+  );
   const viewMode = controlledViewMode ?? internalViewMode;
   const handleViewModeChange = useCallback((mode) => {
     setInternalViewMode(mode);
@@ -1481,9 +1844,28 @@ const UnifiedTimeline = memo(function UnifiedTimeline2({
       height: trackHeight
     }));
   }, [events, tracks, trackHeight]);
+  const filteredEvents = useMemo(
+    () => events.filter((e) => matchesTimelineFilter(e, filter)),
+    [events, filter]
+  );
+  const effectiveTracksForViews = useMemo(() => {
+    if (!hideEmptyTracksWhenFiltered || !isTimelineFilterActive(filter)) return effectiveTracks;
+    const ids = new Set(filteredEvents.map((e) => e.track || "default"));
+    return effectiveTracks.filter((t) => ids.has(t.id));
+  }, [effectiveTracks, filteredEvents, filter, hideEmptyTracksWhenFiltered]);
+  const trackOptionsForToolbar = useMemo(() => {
+    if (tracks.length > 0) return tracks.map((t) => ({ id: t.id, label: t.label }));
+    const u = /* @__PURE__ */ new Set();
+    events.forEach((e) => {
+      if (e.track) u.add(e.track);
+    });
+    if (u.size === 0) return [{ id: "default", label: "Events" }];
+    return [...u].sort().map((id) => ({ id, label: id }));
+  }, [events, tracks]);
   const sortedEvents = useMemo(() => {
-    return [...events].sort((a, b) => b.start.getTime() - a.start.getTime());
-  }, [events]);
+    return [...filteredEvents].sort((a, b) => b.start.getTime() - a.start.getTime());
+  }, [filteredEvents]);
+  const countLabel = !_showCount ? title : `${title} (${filteredEvents.length}${filteredEvents.length !== events.length ? ` / ${events.length}` : ""})`;
   return /* @__PURE__ */ jsxs(
     "div",
     {
@@ -1507,7 +1889,7 @@ const UnifiedTimeline = memo(function UnifiedTimeline2({
               borderBottom: `1px solid ${tokens.colors.border.muted}`
             },
             children: [
-              /* @__PURE__ */ jsxs(
+              /* @__PURE__ */ jsx(
                 "h3",
                 {
                   style: {
@@ -1517,12 +1899,7 @@ const UnifiedTimeline = memo(function UnifiedTimeline2({
                     // AstroUXDS medium (was 600)
                     color: tokens.colors.text.primary
                   },
-                  children: [
-                    title,
-                    " (",
-                    events.length,
-                    ")"
-                  ]
+                  children: countLabel
                 }
               ),
               /* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center", gap: 12 }, children: [
@@ -1697,6 +2074,15 @@ const UnifiedTimeline = memo(function UnifiedTimeline2({
             ]
           }
         ),
+        _showFilters ? /* @__PURE__ */ jsx(
+          TimelineFiltersToolbar,
+          {
+            filter,
+            onFilterChange: setFilter,
+            trackOptions: trackOptionsForToolbar,
+            defaultExpanded: filtersDefaultExpanded
+          }
+        ) : null,
         loading && /* @__PURE__ */ jsx(
           "div",
           {
@@ -1751,6 +2137,43 @@ const UnifiedTimeline = memo(function UnifiedTimeline2({
                   /* @__PURE__ */ jsx("span", { style: { fontSize: "0.875rem" }, children: "No events to display" })
                 ]
               }
+            ) : filteredEvents.length === 0 ? /* @__PURE__ */ jsxs(
+              "div",
+              {
+                style: {
+                  display: "flex",
+                  flexDirection: "column",
+                  alignItems: "center",
+                  justifyContent: "center",
+                  padding: "48px 24px",
+                  color: tokens.colors.text.tertiary,
+                  gap: 12,
+                  textAlign: "center"
+                },
+                children: [
+                  /* @__PURE__ */ jsx(Icon, { name: "search", size: 32 }),
+                  /* @__PURE__ */ jsx("span", { style: { fontSize: "0.875rem", color: tokens.colors.text.secondary }, children: "No events match the current filters." }),
+                  _showFilters && isTimelineFilterActive(filter) ? /* @__PURE__ */ jsx(
+                    "button",
+                    {
+                      type: "button",
+                      onClick: () => setFilter({}),
+                      style: {
+                        marginTop: 4,
+                        padding: "8px 16px",
+                        borderRadius: tokens.borderRadius.md,
+                        border: `1px solid ${tokens.colors.accent.primary}`,
+                        backgroundColor: `${tokens.colors.accent.primary}18`,
+                        color: tokens.colors.accent.primary,
+                        cursor: "pointer",
+                        fontSize: "0.8125rem",
+                        fontWeight: 500
+                      },
+                      children: "Clear filters"
+                    }
+                  ) : null
+                ]
+              }
             ) : viewMode === "list" ? (
               // List View
               sortedEvents.map((event, index) => /* @__PURE__ */ jsx(
@@ -1767,8 +2190,8 @@ const UnifiedTimeline = memo(function UnifiedTimeline2({
               /* @__PURE__ */ jsx(
                 ScatterView,
                 {
-                  events,
-                  tracks: effectiveTracks,
+                  events: filteredEvents,
+                  tracks: effectiveTracksForViews,
                   start,
                   end,
                   trackHeight,
@@ -1783,8 +2206,8 @@ const UnifiedTimeline = memo(function UnifiedTimeline2({
               /* @__PURE__ */ jsx(
                 ChartView,
                 {
-                  events,
-                  tracks: effectiveTracks,
+                  events: filteredEvents,
+                  tracks: effectiveTracksForViews,
                   start,
                   end,
                   trackHeight,
@@ -1810,6 +2233,9 @@ const UnifiedTimeline = memo(function UnifiedTimeline2({
   );
 });
 export {
-  UnifiedTimeline
+  UnifiedTimeline,
+  getTimelineEventDisplayStatus,
+  isTimelineFilterActive,
+  matchesTimelineFilter
 };
 //# sourceMappingURL=UnifiedTimeline.js.map