@plenustech/design-system 0.2.2 → 0.2.4

package/dist/components/charts/ChartTimeline/ChartTimeline.js

@@ -0,0 +1,703 @@
+import { jsxs as w, jsx as n, Fragment as kt } from "react/jsx-runtime";
+import { group as so, min as ao, max as io, sum as pt, least as lo } from "d3-array";
+import { useId as Ie, useState as ie, useRef as co, useMemo as mt } from "react";
+import { formatarDuracao as uo } from "../../../utils/formatters/formatarDuracao.js";
+import { ChartTimelineTable as ho } from "./ChartTimelineTable.js";
+import { toRange as gt, toTimelineSegments as ft, statesToSegments as po, layoutTimeline as mo, rowsInDisplayOrder as go } from "./timelineLayout.js";
+import { autoDomain as fo, timeTicks as wo, toPosition as wt, durationMs as yo, toDate as xo, formatPosition as bo } from "./timelineTime.js";
+import { timelineTooltip as vo } from "./timelineTooltip.js";
+import r from "./ChartTimeline.module.css.js";
+import { useChartMetrics as yt } from "../core/useChartMetrics.js";
+import { useSeriesToggle as xt } from "../core/useSeriesToggle.js";
+import { resolveSeriesColors as No, INTENT_TOKENS as Mo, textColorOn as To } from "../palette/seriesColor.js";
+import { linearScale as $o } from "../scales/scales.js";
+import { measureLabel as ce, truncateToWidth as ko } from "../core/measureText.js";
+import { Grid as Oo } from "../core/Grid.js";
+import { CHART_LABEL_OFFSET as bt } from "../core/spacing.js";
+import { ChartTooltip as Lo } from "../ChartTooltip/ChartTooltip.js";
+import { ChartLegend as Ro } from "../core/ChartLegend.js";
+import { Button as Bo } from "../../actions/Button/Button.js";
+import { EmptyState as Io } from "../../feedback/EmptyState/EmptyState.js";
+import { IconChartBar as So, IconChevronDown as Eo } from "../../icons/icons.js";
+import { roundedBarPath as vt } from "../core/shapes.js";
+import { formatarPercentual as Nt } from "../../../utils/formatters/formatarNumero.js";
+const _o = {
+  sm: { bar: 14, row: 26 },
+  md: { bar: 20, row: 36 }
+}, Ao = 40, Do = 32, Ho = 3, Co = 28, X = 6, Po = 24, Uo = 6, Fo = 20, V = 6, le = 4, Go = 10, Ko = 14, Wo = 200, Mt = 10, Yo = 22, zo = 12;
+function Tt(h, m, y, b = !0) {
+  const g = h ? 0 : y, f = m || !b ? 0 : y;
+  return [g, f, f, g];
+}
+function $t({ clippedEnd: h, clippedStart: m }) {
+  return m && h ? "começa antes e continua depois do eixo" : m ? "começa antes do eixo" : h ? "continua depois do eixo" : void 0;
+}
+function jo({ height: h, width: m, x: y, y: b }, g) {
+  const f = g === "end" ? y + m - 3 : y + 3, u = g === "end" ? f - 4 : f + 4;
+  return `M${u},${b + 3}L${f},${b + h / 2}L${u},${b + h - 3}`;
+}
+function Xo(h, m, y, b) {
+  if (b !== "hidden") {
+    if (ce(h, y) + Mt <= m)
+      return h;
+    if (!(b === "auto" || m < Yo))
+      return ko(h, y, m - Mt) || void 0;
+  }
+}
+function Vo(h) {
+  return `repeating-linear-gradient(45deg, ${h} 0 1.5px, var(--pl-color-surface-muted) 1.5px 4px)`;
+}
+function vr({
+  accent: h,
+  axisPosition: m = "top",
+  bands: y,
+  collapsedGroups: b,
+  collapsibleGroups: g = !0,
+  compactSummary: f = "below",
+  defaultCollapsedGroups: u,
+  defaultHiddenSeries: S,
+  density: Z = "md",
+  domain: q,
+  emptyMessage: Ot = "Sem dados no período",
+  emptyRowLabel: de = "Sem registro",
+  formatTick: Lt,
+  formatTime: Se,
+  formatTooltipValue: Rt,
+  formatValue: J = uo,
+  groups: Ee = [],
+  hiddenSeries: Bt,
+  highlightOnHover: It = !1,
+  legend: Q = "top",
+  legendAlign: St = "left",
+  markers: _e,
+  mergeConsecutive: Ae = !0,
+  minPlotWidth: De = 360,
+  onCollapsedGroupsChange: Et,
+  onHiddenSeriesChange: _t,
+  onSegmentClick: _,
+  overlap: He = "stack",
+  referenceLines: Ce = [],
+  rowBands: Pe,
+  rowGap: Ue = 4,
+  rowLabelWidth: ue = "auto",
+  rowSummary: he,
+  rows: pe,
+  segmentLabel: At = "duration",
+  segmentLabelAlign: me = "center",
+  segments: Fe,
+  series: A,
+  showGrid: Dt = !0,
+  showProgress: G = !0,
+  showSegmentLabels: Ht = "auto",
+  showTooltip: Ct = !0,
+  states: D,
+  statesEnd: ee,
+  timeScale: v = "calendar",
+  title: ge,
+  xAxis: fe = "visible"
+}) {
+  var ht;
+  const Ge = Ie(), Ke = Ie(), We = Ie().replace(/[^\w-]/g, ""), H = yt(), te = yt(), we = xt({ defaultHiddenSeries: S, hiddenSeries: Bt, onHiddenSeriesChange: _t }), Ye = xt({
+    defaultHiddenSeries: u,
+    hiddenSeries: b,
+    onHiddenSeriesChange: Et
+  }), [K, L] = ie(null), [Pt, ze] = ie(null), [je, ye] = ie(null), [Xe, Ut] = ie(!1), xe = co(/* @__PURE__ */ new Map()), N = _ !== void 0, be = mt(() => No(A, { accent: h }), [h, A]), oe = /* @__PURE__ */ new Map();
+  A.forEach((e, o) => {
+    oe.has(e.label) || oe.set(e.label, be[o]);
+  });
+  const E = (e) => oe.get(e), re = (e) => oe.has(e) && !we.isHidden(e), Ft = mt(() => {
+    const e = (i) => wt(i, v), o = (Pe ?? []).flatMap((i) => {
+      const T = gt(i.start, i.end, v);
+      return T ? [{ ...T, row: i.row, series: i.series }] : [];
+    }), t = (_e ?? []).flatMap((i) => {
+      const T = e(i.time);
+      return Number.isFinite(T) ? [{ ...i, position: T }] : [];
+    }), s = D ? [] : ft(Fe ?? [], v), l = D ? [...D.map((i) => e(i.time)), ...ee === void 0 ? [] : [e(ee)]] : s.flatMap((i) => [i.start, i.end]), a = q == null ? void 0 : q.map(e), c = a && a[0] < a[1] ? [a[0], a[1]] : fo(
+      [
+        ...l,
+        ...o.flatMap((i) => [i.start, i.end]),
+        ...t.map((i) => i.position)
+      ],
+      v
+    ), d = D ? ft(po(D, ee ?? c[1], Ae, v), v) : s;
+    return { allMarkers: t, allRowBands: o, allSegments: d, range: c };
+  }, [q, _e, Ae, Pe, Fe, D, ee, v]), { allMarkers: ve, allRowBands: Ve, allSegments: Ze, range: $ } = Ft, C = (e) => yo(e.start, e.end, v), P = (e) => {
+    const o = v === "dayHours" && e > 24 ? e - 24 : e;
+    return Se ? Se(xo(o, v)) : bo(o, v);
+  }, Ne = Ze.filter((e) => re(e.series)), Me = Ve.filter((e) => re(e.series)), qe = ve.filter((e) => re(e.series)), Te = (y ?? []).flatMap((e) => {
+    const o = gt(e.start, e.end, v);
+    return o && re(e.series) ? [{ ...e, ...o }] : [];
+  }), Je = so(Ne, (e) => e.row), Qe = new Set(Ze.map((e) => e.row)), et = /* @__PURE__ */ new Set([
+    ...Qe,
+    ...Ve.map((e) => e.row),
+    ...ve.map((e) => e.row)
+  ]), tt = pe.length === 0 || et.size === 0, ot = H.width > 0 && H.width < De + Wo, ne = he ? ot ? f : "right" : "none", k = _o[Z], U = ne === "below" ? Math.max(k.row, Ao) : k.row, $e = k.bar + Ho, { height: Gt, items: F } = mo({
+    groupHeight: Co,
+    groups: Ee,
+    isCollapsed: g ? Ye.isHidden : () => !1,
+    laneStep: $e,
+    overlap: He,
+    rowGap: Ue,
+    rowHeight: U,
+    rows: pe,
+    segments: Ne
+  }), rt = (e) => [...Je.get(e.key) ?? []].sort((o, t) => o.start - t.start || o.end - t.end), nt = go(pe, Ee), ke = new Map(
+    he ? nt.map((e) => [e.key, he(e, rt(e).map((o) => o.source))]) : []
+  ), Oe = fe === "hidden" ? 0 : Po, W = m === "top", Y = W ? Oe : 0, Kt = Ce.length > 0 || Te.some((e) => e.label), O = Y + (Kt ? Fo : Uo), z = O + Gt, st = z + V + (W ? 0 : Oe), R = Math.max(te.width, De), x = $o({
+    domain: { max: $[1], min: $[0] },
+    nice: !1,
+    range: [Go, R - Ko]
+  }), M = x($[0]), B = x($[1]), at = wo($, v, B - M, Lt), se = H.font, Le = H.radius;
+  function Wt(e, o, t) {
+    const s = x(e.start), l = x(e.end), a = Math.max(s, M), c = Math.min(l, B);
+    if (c <= a)
+      return;
+    const d = c - a > 4 ? 1 : 0;
+    return {
+      clippedEnd: l > B + 0.5,
+      clippedStart: s < M - 0.5,
+      height: k.bar,
+      row: o,
+      segment: e,
+      width: Math.max(c - a - d * 2, 2),
+      x: a + d,
+      y: t + (U - k.bar) / 2 + e.lane * $e
+    };
+  }
+  const it = new Map(
+    F.flatMap(
+      (e) => e.kind === "row" ? [
+        [
+          e.row.key,
+          e.segments.flatMap((o) => Wt(o, e.row, O + e.y) ?? [])
+        ]
+      ] : []
+    )
+  ), j = [...it.values()].filter((e) => e.length > 0), Re = j.flat(), Yt = Re.some((e) => e.segment.id === je) ? je : (ht = Re[0]) == null ? void 0 : ht.segment.id, I = Re.find((e) => e.segment.id === Pt), lt = It ? (K == null ? void 0 : K.kind) === "segment" ? K.segment.series : I == null ? void 0 : I.segment.series : void 0;
+  function zt(e) {
+    var o;
+    e && (ye(e.segment.id), (o = xe.current.get(e.segment.id)) == null || o.focus());
+  }
+  function jt(e, o) {
+    const t = j.findIndex((d) => d.includes(o)), s = j[t], l = s.indexOf(o);
+    if (e.key === "Enter" || e.key === " ") {
+      e.preventDefault(), _ == null || _(o.segment.source, o.row);
+      return;
+    }
+    const a = (d) => d && lo(d, (i) => Math.abs(i.segment.start - o.segment.start)), c = {
+      ArrowDown: a(j[t + 1]),
+      ArrowLeft: s[l - 1],
+      ArrowRight: s[l + 1],
+      ArrowUp: a(j[t - 1]),
+      End: s.at(-1),
+      Home: s[0]
+    };
+    e.key in c && (e.preventDefault(), zt(c[e.key]));
+  }
+  const Xt = (e) => {
+    const { row: o, segment: t } = e;
+    return [
+      o.label,
+      t.series,
+      t.label !== t.series ? t.label : void 0,
+      `${P(t.start)} a ${P(t.end)}`,
+      J(C(t)),
+      G && t.progress !== void 0 ? `${Nt(t.progress)} concluído` : void 0,
+      $t(e)
+    ].filter(Boolean).join(", ");
+  };
+  function Vt(e) {
+    const { segment: o } = e, t = o.id, s = E(o.series) ?? "currentColor", l = To(s), a = G ? o.progress : void 0, c = Xo(
+      At === "label" ? o.label ?? o.series : J(C(o)),
+      e.width,
+      se,
+      Ht
+    ), d = { center: "middle", end: "end", start: "start" }, i = me === "start" ? e.x + 5 : me === "end" ? e.x + e.width - 5 : e.x + e.width / 2, T = a === void 0 || (i - e.x) / e.width <= a;
+    return /* @__PURE__ */ w(
+      "g",
+      {
+        "aria-label": Xt(e),
+        className: `${r.segment} ${N ? r.clickable : ""} ${lt !== void 0 && lt !== o.series ? r.dimmed : ""}`,
+        onBlur: N ? () => ze(null) : void 0,
+        onClick: _ ? () => {
+          ye(t), _(o.source, e.row);
+        } : void 0,
+        onFocus: N ? () => {
+          ze(t), ye(t);
+        } : void 0,
+        onKeyDown: N ? (p) => jt(p, e) : void 0,
+        onMouseEnter: () => L({ clip: $t(e), kind: "segment", row: e.row, segment: o }),
+        onMouseLeave: () => L(null),
+        ref: N ? (p) => {
+          p ? xe.current.set(t, p) : xe.current.delete(t);
+        } : void 0,
+        role: N ? "button" : void 0,
+        tabIndex: N ? t === Yt ? 0 : -1 : void 0,
+        children: [
+          /* @__PURE__ */ n(
+            "path",
+            {
+              className: He === "overlay" ? r.barOverlay : void 0,
+              d: vt(
+                e.x,
+                e.y,
+                e.width,
+                e.height,
+                Tt(e.clippedStart, e.clippedEnd, Le)
+              ),
+              fill: s,
+              fillOpacity: a === void 0 ? void 0 : 0.3
+            }
+          ),
+          a !== void 0 && a > 0 && /* @__PURE__ */ n(
+            "path",
+            {
+              d: vt(
+                e.x,
+                e.y,
+                Math.max(e.width * a, 2),
+                e.height,
+                Tt(e.clippedStart, e.clippedEnd, Le, a >= 1)
+              ),
+              fill: s
+            }
+          ),
+          e.width >= zo && ["start", "end"].filter((p) => p === "start" ? e.clippedStart : e.clippedEnd).map((p) => /* @__PURE__ */ n("path", { className: r.clipMark, d: jo(e, p), stroke: l }, p)),
+          c !== void 0 && /* @__PURE__ */ n(
+            "text",
+            {
+              className: r.segmentLabel,
+              dominantBaseline: "central",
+              fill: T ? l : "var(--pl-color-text)",
+              textAnchor: d[me],
+              x: i,
+              y: e.y + e.height / 2,
+              children: c
+            }
+          )
+        ]
+      },
+      t
+    );
+  }
+  function Zt(e) {
+    const o = O + e.y, { row: t } = e, s = o + (U - k.bar) / 2 - le, l = k.bar + (e.laneCount - 1) * $e + le * 2;
+    return /* @__PURE__ */ w("g", { "aria-hidden": "true", children: [
+      /* @__PURE__ */ n(
+        "rect",
+        {
+          className: r.track,
+          height: l,
+          rx: le,
+          width: B - M,
+          x: M,
+          y: s
+        }
+      ),
+      Me.filter((a) => a.row === t.key).map((a, c) => {
+        const d = Math.max(x(a.start), M), i = Math.min(x(a.end), B);
+        return i > d ? /* @__PURE__ */ n(
+          "rect",
+          {
+            fill: E(a.series),
+            height: l,
+            rx: le,
+            width: i - d,
+            x: d,
+            y: s
+          },
+          c
+        ) : null;
+      }),
+      !et.has(t.key) && /* @__PURE__ */ n("text", { className: r.emptyRowText, dominantBaseline: "central", x: M + 8, y: o + U / 2, children: de }),
+      /* @__PURE__ */ n(
+        "rect",
+        {
+          className: r.hoverArea,
+          height: e.height,
+          onMouseEnter: () => L({
+            empty: !Qe.has(t.key),
+            kind: "row",
+            row: t,
+            rowBands: Me.filter((a) => a.row === t.key),
+            segments: Je.get(t.key) ?? []
+          }),
+          onMouseLeave: () => L(null),
+          width: R,
+          x: 0,
+          y: o
+        }
+      )
+    ] }, t.key);
+  }
+  function qt(e, { height: o, row: t, y: s }) {
+    if (e.position < $[0] || e.position > $[1])
+      return null;
+    const l = E(e.series), a = O + s, c = x(e.position), d = a + U / 2, i = e.shape ?? "line";
+    return /* @__PURE__ */ w("g", { children: [
+      i === "line" && /* @__PURE__ */ n(
+        "rect",
+        {
+          className: r.marker,
+          fill: l,
+          height: k.bar + 6,
+          rx: 1,
+          width: 2,
+          x: c - 1,
+          y: d - k.bar / 2 - 3
+        }
+      ),
+      i === "dot" && /* @__PURE__ */ n("circle", { className: r.marker, cx: c, cy: d, fill: l, r: 4 }),
+      i === "diamond" && /* @__PURE__ */ n(
+        "path",
+        {
+          className: r.marker,
+          d: `M${c},${d - 6}L${c + 6},${d}L${c},${d + 6}L${c - 6},${d}Z`,
+          fill: l
+        }
+      ),
+      /* @__PURE__ */ n(
+        "rect",
+        {
+          className: r.hoverArea,
+          height: o,
+          onMouseEnter: () => L({ kind: "marker", marker: e, row: t }),
+          onMouseLeave: () => L(null),
+          width: 10,
+          x: c - 5,
+          y: a
+        }
+      )
+    ] }, `${t.key}-${ve.indexOf(e)}`);
+  }
+  function Jt(e) {
+    const o = O + e.y, t = o + e.height / 2 - X / 2, s = e.segments.length > 0, l = s ? Math.max(x(ao(e.segments, (p) => p.start) ?? 0), M) : 0, a = s ? Math.min(x(io(e.segments, (p) => p.end) ?? 0), B) : 0, c = e.segments.filter((p) => p.progress !== void 0), d = pt(c, C), i = pt(c, (p) => C(p) * (p.progress ?? 0)), T = Math.max(a - l, 2);
+    return /* @__PURE__ */ w("g", { "aria-hidden": "true", children: [
+      s && a > l && /* @__PURE__ */ w("g", { className: r.passThrough, children: [
+        /* @__PURE__ */ n("rect", { className: r.groupBar, height: X, rx: X / 2, width: T, x: l, y: t }),
+        G && i > 0 && d > 0 && /* @__PURE__ */ n(
+          "rect",
+          {
+            className: r.groupProgress,
+            height: X,
+            rx: X / 2,
+            width: Math.max(T * i / d, 2),
+            x: l,
+            y: t
+          }
+        )
+      ] }),
+      /* @__PURE__ */ n(
+        "rect",
+        {
+          className: r.hoverArea,
+          height: e.height,
+          onMouseEnter: () => L({
+            collapsed: e.collapsed,
+            group: e.group,
+            kind: "group",
+            rowCount: e.rows.length,
+            segments: e.segments
+          }),
+          onMouseLeave: () => L(null),
+          width: R,
+          x: 0,
+          y: o
+        }
+      )
+    ] }, `group-${e.group.key}`);
+  }
+  const Qt = (e, o) => {
+    const t = ce(o, se) / 2;
+    return e - t < 0 ? "start" : e + t > R ? "end" : "middle";
+  }, ae = W ? Oe - 0.5 : z + V + 0.5, ct = /* @__PURE__ */ w(
+    "svg",
+    {
+      "aria-describedby": N ? Ke : void 0,
+      "aria-labelledby": Ge,
+      className: r.canvas,
+      height: st,
+      role: N ? "group" : "img",
+      viewBox: `0 0 ${R} ${st}`,
+      width: R,
+      children: [
+        /* @__PURE__ */ n("defs", { children: Te.map((e, o) => /* @__PURE__ */ n(
+          "pattern",
+          {
+            height: 6,
+            id: `${We}-${o}`,
+            patternTransform: "rotate(45)",
+            patternUnits: "userSpaceOnUse",
+            width: 6,
+            children: /* @__PURE__ */ n("line", { className: r.hatchLine, stroke: E(e.series), x1: 0, x2: 0, y1: 0, y2: 6 })
+          },
+          o
+        )) }),
+        F.map((e) => e.kind === "row" ? Zt(e) : null),
+        /* @__PURE__ */ n("g", { "aria-hidden": "true", className: r.passThrough, children: Te.map((e, o) => {
+          const t = Math.max(x(e.start), M), s = Math.min(x(e.end), B);
+          return s <= t ? null : /* @__PURE__ */ w("g", { children: [
+            /* @__PURE__ */ n(
+              "rect",
+              {
+                fill: `url(#${We}-${o})`,
+                height: z + V - Y,
+                width: s - t,
+                x: t,
+                y: Y
+              }
+            ),
+            e.label && ce(e.label, se) + 8 <= s - t && /* @__PURE__ */ n("text", { className: r.bandLabel, x: t + 4, y: O - 7, children: e.label })
+          ] }, o);
+        }) }),
+        Dt && /* @__PURE__ */ n("g", { className: r.passThrough, transform: `translate(0 ${Y})`, children: /* @__PURE__ */ n(
+          Oo,
+          {
+            length: z + V - Y,
+            lines: at.map((e) => Math.round(x(e.position)) + 0.5),
+            orientation: "vertical"
+          }
+        ) }),
+        F.map((e) => e.kind === "group" ? Jt(e) : null),
+        /* @__PURE__ */ n("g", { children: [...it.values()].flat().map(Vt) }),
+        /* @__PURE__ */ n("g", { "aria-hidden": "true", children: F.flatMap(
+          (e) => e.kind === "row" ? qe.filter((o) => o.row === e.row.key).map((o) => qt(o, e)) : []
+        ) }),
+        /* @__PURE__ */ n("g", { "aria-hidden": "true", className: r.passThrough, children: Ce.map((e, o) => {
+          const t = wt(e.time, v);
+          if (!(t >= $[0] && t <= $[1]))
+            return null;
+          const s = Math.round(x(t)) + 0.5, l = s + 4 + ce(e.label, se) <= R - 2, a = e.intent ? Mo[e.intent] : "var(--pl-color-text-secondary)";
+          return /* @__PURE__ */ w("g", { children: [
+            /* @__PURE__ */ n(
+              "line",
+              {
+                className: r.referenceLine,
+                stroke: a,
+                x1: s,
+                x2: s,
+                y1: O - 16,
+                y2: z + V
+              }
+            ),
+            /* @__PURE__ */ n(
+              "text",
+              {
+                className: r.referenceLabel,
+                textAnchor: l ? "start" : "end",
+                x: l ? s + 4 : s - 4,
+                y: O - 7,
+                children: e.label
+              }
+            )
+          ] }, o);
+        }) }),
+        fe !== "hidden" && /* @__PURE__ */ w("g", { "aria-hidden": "true", className: `${r.passThrough} ${fe === "onHover" ? r.axisOnHover : ""}`, children: [
+          /* @__PURE__ */ n("line", { className: r.axisLine, x1: M, x2: B, y1: ae, y2: ae }),
+          at.map((e) => /* @__PURE__ */ n(
+            "text",
+            {
+              className: r.axisLabel,
+              dominantBaseline: W ? "auto" : "hanging",
+              textAnchor: Qt(x(e.position), e.label),
+              x: x(e.position),
+              y: W ? ae - bt : ae + bt,
+              children: e.label
+            },
+            e.position
+          ))
+        ] }),
+        I && /* @__PURE__ */ n(
+          "rect",
+          {
+            "aria-hidden": "true",
+            className: r.focusRing,
+            height: I.height + 6,
+            rx: Le,
+            width: I.width + 6,
+            x: I.x - 3,
+            y: I.y - 3
+          }
+        )
+      ]
+    }
+  ), eo = vo(K, {
+    colorOf: E,
+    duration: C,
+    emptyRowLabel: de,
+    formatDuration: Rt ?? J,
+    formatInstant: P,
+    seriesOrder: A.map((e) => e.label),
+    showProgress: G
+  }), Be = R > te.width + 1, to = ue !== "auto" ? r.labelsFixed : ot ? ne === "below" ? r.labelsCompactWithSummary : r.labelsCompact : "", dt = { gap: Ue, paddingTop: O }, oo = /* @__PURE__ */ w("div", { className: r.body, children: [
+    /* @__PURE__ */ n(
+      Zo,
+      {
+        className: to,
+        collapsibleGroups: g,
+        items: F,
+        onToggleGroup: Ye.toggle,
+        style: { ...dt, width: ue === "auto" ? void 0 : ue },
+        summaries: ne === "below" ? ke : void 0
+      }
+    ),
+    /* @__PURE__ */ n(
+      "div",
+      {
+        "aria-label": Be && !N ? `${ge}, área rolável de lado` : void 0,
+        className: r.scroll,
+        ref: te.ref,
+        role: Be && !N ? "region" : void 0,
+        tabIndex: Be && !N ? 0 : void 0,
+        children: te.width > 0 && (Ct ? /* @__PURE__ */ n(Lo, { ...eo, children: ct }) : ct)
+      }
+    ),
+    ne === "right" && /* @__PURE__ */ n(
+      qo,
+      {
+        inline: U < Do,
+        items: F,
+        style: dt,
+        summaries: ke
+      }
+    )
+  ] });
+  function ro() {
+    const e = (o, t, s, l) => ({
+      color: E(o) ?? "transparent",
+      duration: J(C(s)),
+      end: P(s.end),
+      name: t,
+      progress: l === void 0 ? void 0 : Nt(l),
+      start: P(s.start)
+    });
+    return nt.map((o) => ({
+      description: o.description,
+      entries: [
+        ...Me.filter((t) => t.row === o.key).map((t) => e(t.series, `${t.series} (referência)`, t)),
+        ...rt(o).map(
+          (t) => e(
+            t.series,
+            t.label && t.label !== t.series ? `${t.series}: ${t.label}` : t.series,
+            t,
+            t.progress
+          )
+        ),
+        ...qe.filter((t) => t.row === o.key).map((t) => ({
+          color: E(t.series) ?? "transparent",
+          duration: "instante",
+          end: "—",
+          name: t.label ? `${t.series}: ${t.label}` : t.series,
+          start: P(t.position)
+        }))
+      ],
+      key: o.key,
+      label: o.label,
+      summary: ke.get(o.key)
+    }));
+  }
+  const no = new Set((y ?? []).map((e) => e.series)), ut = Q !== "none" && A.length >= 2 && /* @__PURE__ */ n(
+    Ro,
+    {
+      align: St,
+      entries: A.map((e, o) => ({
+        // A faixa global e hachurada no desenho, e a amostra repete a hachura.
+        color: no.has(e.label) ? Vo(be[o]) : be[o],
+        hidden: we.isHidden(e.label),
+        label: e.label
+      })),
+      onToggle: we.toggle,
+      position: Q
+    }
+  );
+  return /* @__PURE__ */ w("figure", { className: r.figure, children: [
+    /* @__PURE__ */ w("figcaption", { className: r.header, children: [
+      /* @__PURE__ */ n("span", { className: r.title, id: Ge, children: ge }),
+      !tt && /* @__PURE__ */ n(
+        Bo,
+        {
+          "aria-pressed": Xe,
+          onClick: () => Ut((e) => !e),
+          size: "sm",
+          variant: "secondary",
+          children: "Ver como tabela"
+        }
+      )
+    ] }),
+    N && /* @__PURE__ */ n("span", { className: r.visuallyHidden, id: Ke, children: "Use as setas para percorrer os intervalos." }),
+    Q === "top" && ut,
+    /* @__PURE__ */ n("div", { className: r.plot, ref: H.ref, children: tt ? /* @__PURE__ */ n("div", { className: r.empty, children: /* @__PURE__ */ n(Io, { icon: /* @__PURE__ */ n(So, {}), size: "sm", title: Ot }) }) : H.width === 0 ? null : Xe ? /* @__PURE__ */ n(
+      ho,
+      {
+        emptyRowLabel: de,
+        rows: ro(),
+        showProgress: G && Ne.some((e) => e.progress !== void 0),
+        title: ge
+      }
+    ) : oo }),
+    Q === "bottom" && ut
+  ] });
+}
+function Zo({ className: h, collapsibleGroups: m, items: y, onToggleGroup: b, style: g, summaries: f }) {
+  return /* @__PURE__ */ n("div", { className: `${r.labels} ${h}`, style: g, children: y.map((u) => {
+    if (u.kind === "group") {
+      const Z = /* @__PURE__ */ w(kt, { children: [
+        m && /* @__PURE__ */ n(Eo, { className: `${r.chevron} ${u.collapsed ? r.chevronCollapsed : ""}` }),
+        /* @__PURE__ */ n("span", { className: r.groupName, children: u.group.label }),
+        /* @__PURE__ */ w("span", { className: r.groupCount, children: [
+          "(",
+          u.rows.length,
+          ")"
+        ] })
+      ] });
+      return /* @__PURE__ */ n("div", { className: r.groupLabel, style: { height: u.height }, children: m ? /* @__PURE__ */ n(
+        "button",
+        {
+          "aria-expanded": !u.collapsed,
+          className: r.groupButton,
+          onClick: () => b(u.group.key),
+          type: "button",
+          children: Z
+        }
+      ) : /* @__PURE__ */ n("span", { className: r.groupText, children: Z }) }, `group-${u.group.key}`);
+    }
+    const S = f == null ? void 0 : f.get(u.row.key);
+    return /* @__PURE__ */ w(
+      "div",
+      {
+        className: `${r.rowLabel} ${u.child ? r.childLabel : ""}`,
+        style: { height: u.height },
+        children: [
+          /* @__PURE__ */ w("span", { className: r.labelLine, children: [
+            /* @__PURE__ */ n("span", { className: r.labelText, title: u.row.label, children: u.row.label }),
+            " ",
+            u.row.description && /* @__PURE__ */ n("span", { className: r.labelDescription, children: u.row.description })
+          ] }),
+          S && /* @__PURE__ */ n("span", { className: r.labelSummary, children: S.subtitle ? `${S.title} · ${S.subtitle}` : S.title })
+        ]
+      },
+      u.row.key
+    );
+  }) });
+}
+function qo({ inline: h, items: m, style: y, summaries: b }) {
+  return /* @__PURE__ */ n("div", { className: r.summary, style: y, children: m.map((g) => {
+    const f = g.kind === "row" ? b.get(g.row.key) : void 0;
+    return /* @__PURE__ */ n(
+      "div",
+      {
+        className: `${r.summaryItem} ${h ? r.summaryInline : ""}`,
+        style: { height: g.height },
+        children: f && /* @__PURE__ */ w(kt, { children: [
+          /* @__PURE__ */ n("span", { className: r.summaryTitle, children: f.title }),
+          f.subtitle && /* @__PURE__ */ n("span", { className: r.summarySubtitle, children: f.subtitle })
+        ] })
+      },
+      g.kind === "row" ? g.row.key : `group-${g.group.key}`
+    );
+  }) });
+}
+export {
+  vr as ChartTimeline
+};
+//# sourceMappingURL=ChartTimeline.js.map