@sentropic/design-system-vue 0.36.36 → 0.36.39

package/dist/TraceWaterfallChart.js

@@ -0,0 +1,278 @@
+import { defineComponent, h, ref } from "vue";
+import { classNames } from "./classNames.js";
+import { chartDataList } from "./chartScale.js";
+const MARGIN = { top: 16, right: 16, bottom: 32, left: 152 };
+const INDENT = 10;
+function scaleLinear(v, d0, d1, r0, r1) {
+    if (d1 === d0)
+        return r0;
+    return r0 + ((v - d0) * (r1 - r0)) / (d1 - d0);
+}
+function niceTicks(min, max, target = 5) {
+    if (!Number.isFinite(min) || !Number.isFinite(max) || min === max) {
+        const base = Number.isFinite(max) ? max : 0;
+        return [base];
+    }
+    const range = max - min;
+    const rough = range / Math.max(target - 1, 1);
+    const pow = Math.pow(10, Math.floor(Math.log10(rough)));
+    const norm = rough / pow;
+    let step;
+    if (norm < 1.5)
+        step = 1 * pow;
+    else if (norm < 3)
+        step = 2 * pow;
+    else if (norm < 7)
+        step = 5 * pow;
+    else
+        step = 10 * pow;
+    const start = Math.floor(min / step) * step;
+    const end = Math.ceil(max / step) * step;
+    const ticks = [];
+    for (let v = start; v <= end + step / 2; v += step) {
+        ticks.push(Number(v.toFixed(10)));
+    }
+    return ticks;
+}
+function formatTick(v) {
+    if (Math.abs(v) >= 1000)
+        return `${(v / 1000).toFixed(v % 1000 === 0 ? 0 : 1)}k`;
+    if (Number.isInteger(v))
+        return String(v);
+    return v.toFixed(1);
+}
+// Truncate a label to the left margin width (approx. by char count).
+function ellipsize(text, maxChars) {
+    if (text.length <= maxChars)
+        return text;
+    if (maxChars <= 1)
+        return "…";
+    return `${text.slice(0, maxChars - 1)}…`;
+}
+export const TraceWaterfallChart = defineComponent({
+    name: "TraceWaterfallChart",
+    props: {
+        data: { type: Object, default: () => ({ spans: [] }) },
+        label: { type: String, default: undefined },
+        width: { type: Number, default: undefined },
+        height: { type: Number, default: 320 },
+        size: { type: Number, default: undefined },
+        class: { type: String, default: undefined },
+    },
+    setup(props, { attrs }) {
+        const hoveredIndex = ref(null);
+        function handleLeave() {
+            hoveredIndex.value = null;
+        }
+        function handlePointerMove(event) {
+            const target = event.target;
+            if (!(target instanceof Element)) {
+                hoveredIndex.value = null;
+                return;
+            }
+            const idx = Number(target.getAttribute("data-chart-index"));
+            hoveredIndex.value = Number.isInteger(idx) ? idx : null;
+        }
+        return () => {
+            const label = props.label;
+            const height = props.height ?? 320;
+            const resolvedWidth = props.width ?? props.size ?? 640;
+            const plotWidth = Math.max(resolvedWidth - MARGIN.left - MARGIN.right, 1);
+            const plotHeight = Math.max(height - MARGIN.top - MARGIN.bottom, 1);
+            // Normalise: drop spans missing id/service or with non-finite start/duration.
+            const validSpans = (props.data?.spans ?? []).filter((s) => s &&
+                typeof s.spanId === "string" &&
+                s.spanId.length > 0 &&
+                typeof s.service === "string" &&
+                s.service.length > 0 &&
+                Number.isFinite(s.start) &&
+                Number.isFinite(s.duration));
+            // Hierarchical order: DFS from roots (missing/unknown parentSpanId).
+            let ordered = [];
+            if (validSpans.length > 0) {
+                const byId = new Map();
+                for (const s of validSpans)
+                    if (!byId.has(s.spanId))
+                        byId.set(s.spanId, s);
+                const childrenOf = new Map();
+                const roots = [];
+                for (const s of validSpans) {
+                    const p = s.parentSpanId;
+                    if (p == null || !byId.has(p) || p === s.spanId) {
+                        roots.push(s);
+                    }
+                    else {
+                        const list = childrenOf.get(p) ?? [];
+                        list.push(s);
+                        childrenOf.set(p, list);
+                    }
+                }
+                const out = [];
+                const seen = new Set();
+                const visit = (s, depth) => {
+                    if (seen.has(s.spanId))
+                        return;
+                    seen.add(s.spanId);
+                    out.push({ span: s, depth });
+                    for (const k of childrenOf.get(s.spanId) ?? [])
+                        visit(k, depth + 1);
+                };
+                for (const r of roots)
+                    visit(r, 0);
+                for (const s of validSpans)
+                    if (!seen.has(s.spanId))
+                        visit(s, 0);
+                ordered = out;
+            }
+            // Distinct services (DFS first-seen order) → categoryN index (1..8, cycled).
+            const serviceOrder = [];
+            for (const o of ordered) {
+                if (!serviceOrder.includes(o.span.service))
+                    serviceOrder.push(o.span.service);
+            }
+            const toneOf = (service) => {
+                const idx = serviceOrder.indexOf(service);
+                return `category${((idx < 0 ? 0 : idx) % 8) + 1}`;
+            };
+            const legendItems = serviceOrder.map((service) => ({ service, tone: toneOf(service) }));
+            const hasLegend = serviceOrder.length > 0;
+            const vals = [];
+            for (const o of ordered)
+                vals.push(o.span.start, o.span.start + Math.max(o.span.duration, 0));
+            const rawMin = vals.length === 0 ? 0 : Math.min(...vals);
+            const rawMaxBase = vals.length === 0 ? 1 : Math.max(...vals);
+            const rawMax = rawMaxBase === rawMin ? rawMin + 1 : rawMaxBase;
+            const ticks = niceTicks(rawMin, rawMax, 5);
+            const domainMin = ticks[0] ?? rawMin;
+            const domainMax = ticks[ticks.length - 1] ?? rawMax;
+            const xOf = (v) => MARGIN.left + scaleLinear(v, domainMin, domainMax, 0, plotWidth);
+            let bars = [];
+            if (ordered.length > 0) {
+                const band = plotHeight / ordered.length;
+                const barHeight = Math.min(band * 0.62, 24);
+                bars = ordered.map((o, i) => {
+                    const x0 = xOf(o.span.start);
+                    const x1 = xOf(o.span.start + Math.max(o.span.duration, 0));
+                    const x = Math.min(x0, x1);
+                    const w = Math.max(Math.abs(x1 - x0), 1);
+                    const y = MARGIN.top + band * i + (band - barHeight) / 2;
+                    return {
+                        span: o.span,
+                        depth: o.depth,
+                        index: i,
+                        x,
+                        y,
+                        width: w,
+                        height: barHeight,
+                        rowCenterY: MARGIN.top + band * (i + 0.5),
+                        cx: x + w / 2,
+                        tone: toneOf(o.span.service),
+                    };
+                });
+            }
+            const dataValueItems = ordered.map((o) => `${"·".repeat(o.depth)}${o.span.service}: ${o.span.start} → ${o.span.start + Math.max(o.span.duration, 0)}`);
+            const svgChildren = [];
+            // gridlines + tick labels (time axis)
+            for (const tick of ticks) {
+                const tx = xOf(tick);
+                svgChildren.push(h("line", {
+                    key: `g${tick}`,
+                    class: "st-traceWaterfallChart__grid",
+                    x1: tx,
+                    x2: tx,
+                    y1: MARGIN.top,
+                    y2: height - MARGIN.bottom,
+                }));
+                svgChildren.push(h("text", {
+                    key: `t${tick}`,
+                    class: "st-traceWaterfallChart__tickLabel",
+                    x: tx,
+                    y: height - MARGIN.bottom + 16,
+                    "text-anchor": "middle",
+                }, formatTick(tick)));
+            }
+            // axes
+            svgChildren.push(h("line", {
+                class: "st-traceWaterfallChart__axis",
+                x1: MARGIN.left,
+                x2: MARGIN.left,
+                y1: MARGIN.top,
+                y2: height - MARGIN.bottom,
+            }));
+            svgChildren.push(h("line", {
+                class: "st-traceWaterfallChart__axis",
+                x1: MARGIN.left,
+                x2: resolvedWidth - MARGIN.right,
+                y1: height - MARGIN.bottom,
+                y2: height - MARGIN.bottom,
+            }));
+            // one bar per span + indented service label on the left
+            for (const bar of bars) {
+                const i = bar.index;
+                const isDim = hoveredIndex.value !== null && hoveredIndex.value !== i;
+                svgChildren.push(h("text", {
+                    key: `lbl${i}`,
+                    class: "st-traceWaterfallChart__spanLabel",
+                    x: MARGIN.left - 8,
+                    y: bar.rowCenterY,
+                    "text-anchor": "end",
+                    "dominant-baseline": "middle",
+                }, ellipsize(bar.span.service, Math.max(2, 16 - bar.depth))));
+                svgChildren.push(h("rect", {
+                    key: `bar${i}-${bar.span.spanId}`,
+                    class: classNames("st-traceWaterfallChart__bar", `st-traceWaterfallChart__bar--${bar.tone}`, isDim ? "st-traceWaterfallChart__bar--dim" : undefined),
+                    x: bar.x + bar.depth * INDENT,
+                    y: bar.y,
+                    width: Math.max(bar.width - bar.depth * INDENT, 1),
+                    height: bar.height,
+                    rx: 2,
+                    "data-chart-index": i,
+                }));
+            }
+            const hoveredBar = hoveredIndex.value !== null ? bars[hoveredIndex.value] : undefined;
+            const children = [
+                h("div", {
+                    class: "st-traceWaterfallChart__visual",
+                    role: "img",
+                    "aria-label": label,
+                    onPointermove: handlePointerMove,
+                    onPointerleave: handleLeave,
+                }, [
+                    h("svg", {
+                        viewBox: `0 0 ${resolvedWidth} ${height}`,
+                        preserveAspectRatio: "xMidYMid meet",
+                        width: "100%",
+                        height: "100%",
+                        focusable: "false",
+                        "aria-hidden": "true",
+                    }, svgChildren),
+                ]),
+            ];
+            if (hasLegend) {
+                children.push(h("ul", {
+                    class: "st-traceWaterfallChart__legend",
+                    "aria-label": `Services de ${label ?? "trace"}`,
+                }, legendItems.map((item) => h("li", { key: item.service, class: "st-traceWaterfallChart__legendItem" }, [
+                    h("span", {
+                        class: `st-traceWaterfallChart__legendSwatch st-traceWaterfallChart__legendSwatch--${item.tone}`,
+                        "aria-hidden": "true",
+                    }),
+                    item.service,
+                ]))));
+            }
+            children.push(chartDataList(label ?? "trace waterfall", dataValueItems));
+            if (hoveredBar) {
+                children.push(h("div", {
+                    class: "st-traceWaterfallChart__tooltip",
+                    role: "presentation",
+                    style: `left:${(hoveredBar.cx / resolvedWidth) * 100}%;top:${(hoveredBar.rowCenterY / height) * 100}%`,
+                }, [
+                    h("span", { class: "st-traceWaterfallChart__tooltipLabel" }, hoveredBar.span.service),
+                    h("span", { class: "st-traceWaterfallChart__tooltipValue" }, `${hoveredBar.span.start} → ${hoveredBar.span.start + Math.max(hoveredBar.span.duration, 0)}`),
+                ]));
+            }
+            return h("div", { ...attrs, class: classNames("st-traceWaterfallChart", props.class) }, children);
+        };
+    },
+});
+//# sourceMappingURL=TraceWaterfallChart.js.map

package/dist/TraceWaterfallChart.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TraceWaterfallChart.js","sourceRoot":"","sources":["../src/TraceWaterfallChart.ts"],"names":[],"mappings":"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"}

package/dist/VectorFieldChart.d.ts

@@ -0,0 +1,78 @@
+export type VectorFieldChartTone = "category1" | "category2" | "category3" | "category4" | "category5" | "category6" | "category7" | "category8";
+export type VectorFieldChartDatum = {
+    x: number;
+    y: number;
+    /** Magnitude (≥ 0) : pilote la longueur normalisée et la couleur. */
+    length: number;
+    /** Direction en DEGRÉS (0° = +X, sens trigonométrique). */
+    direction: number;
+};
+export type VectorFieldChartProps = {
+    data: VectorFieldChartDatum[];
+    label?: string;
+    width?: number;
+    height?: number;
+    size?: number;
+    class?: string;
+};
+export declare const VectorFieldChart: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    data: {
+        type: () => VectorFieldChartDatum[];
+        default: () => never[];
+    };
+    label: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    width: {
+        type: NumberConstructor;
+        default: number;
+    };
+    height: {
+        type: NumberConstructor;
+        default: number;
+    };
+    size: {
+        type: NumberConstructor;
+        default: number;
+    };
+    class: {
+        type: StringConstructor;
+        default: undefined;
+    };
+}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    data: {
+        type: () => VectorFieldChartDatum[];
+        default: () => never[];
+    };
+    label: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    width: {
+        type: NumberConstructor;
+        default: number;
+    };
+    height: {
+        type: NumberConstructor;
+        default: number;
+    };
+    size: {
+        type: NumberConstructor;
+        default: number;
+    };
+    class: {
+        type: StringConstructor;
+        default: undefined;
+    };
+}>> & Readonly<{}>, {
+    size: number;
+    class: string;
+    data: VectorFieldChartDatum[];
+    label: string;
+    height: number;
+    width: number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+//# sourceMappingURL=VectorFieldChart.d.ts.map

package/dist/VectorFieldChart.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"VectorFieldChart.d.ts","sourceRoot":"","sources":["../src/VectorFieldChart.ts"],"names":[],"mappings":"AAIA,MAAM,MAAM,oBAAoB,GAC5B,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,CAAC;AAEhB,MAAM,MAAM,qBAAqB,GAAG;IAClC,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,qEAAqE;IACrE,MAAM,EAAE,MAAM,CAAC;IACf,2DAA2D;IAC3D,SAAS,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG;IAClC,IAAI,EAAE,qBAAqB,EAAE,CAAC;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAeF,eAAO,MAAM,gBAAgB;;cAGF,MAAM,qBAAqB,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;cAA7B,MAAM,qBAAqB,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4EA4MtD,CAAC"}

package/dist/VectorFieldChart.js

@@ -0,0 +1,159 @@
+import { defineComponent, h, ref } from "vue";
+import { classNames } from "./classNames.js";
+import { chartDataList, formatTick, niceTicks, scaleLinear } from "./chartScale.js";
+const MARGIN = { top: 16, right: 18, bottom: 36, left: 48 };
+const TONES = [
+    "category1",
+    "category2",
+    "category3",
+    "category4",
+    "category5",
+    "category6",
+    "category7",
+    "category8",
+];
+export const VectorFieldChart = defineComponent({
+    name: "VectorFieldChart",
+    props: {
+        data: { type: Array, default: () => [] },
+        label: { type: String, default: undefined },
+        width: { type: Number, default: 640 },
+        height: { type: Number, default: 320 },
+        size: { type: Number, default: 26 },
+        class: { type: String, default: undefined },
+    },
+    setup(props, { attrs }) {
+        const hoveredKey = ref(null);
+        function handlePointerMove(event) {
+            const target = event.target;
+            if (!(target instanceof Element)) {
+                hoveredKey.value = null;
+                return;
+            }
+            hoveredKey.value = target.getAttribute("data-chart-key");
+        }
+        return () => {
+            const data = props.data ?? [];
+            const label = props.label;
+            const width = props.width ?? 640;
+            const height = props.height ?? 320;
+            const size = props.size ?? 26;
+            // Points valides : coordonnées finies, magnitude finie ≥ 0.
+            const validData = data.filter((d) => d &&
+                Number.isFinite(d.x) &&
+                Number.isFinite(d.y) &&
+                Number.isFinite(d.length) &&
+                d.length >= 0 &&
+                Number.isFinite(d.direction));
+            const xs = validData.map((d) => d.x);
+            const ys = validData.map((d) => d.y);
+            const xTicks = niceTicks(Math.min(...xs), Math.max(...xs));
+            const yTicks = niceTicks(Math.min(...ys), Math.max(...ys));
+            const plotW = Math.max(width - MARGIN.left - MARGIN.right, 1);
+            const plotH = Math.max(height - MARGIN.top - MARGIN.bottom, 1);
+            const xMin = xTicks[0];
+            const xMax = xTicks[xTicks.length - 1];
+            const yMin = yTicks[0];
+            const yMax = yTicks[yTicks.length - 1];
+            const maxLength = validData.reduce((max, d) => (d.length > max ? d.length : max), 0);
+            // Une flèche par point : segment (base → pointe) + 2 traits de pointe.
+            const arrows = validData.map((d, i) => {
+                const cx = MARGIN.left + scaleLinear(d.x, xMin, xMax, 0, plotW);
+                const cy = MARGIN.top + scaleLinear(d.y, yMin, yMax, plotH, 0);
+                const max = maxLength > 0 ? maxLength : 1;
+                const len = (d.length / max) * size;
+                const rad = (d.direction * Math.PI) / 180;
+                const dx = Math.cos(rad) * len;
+                const dy = -Math.sin(rad) * len;
+                const x1 = cx - dx / 2;
+                const y1 = cy - dy / 2;
+                const x2 = cx + dx / 2;
+                const y2 = cy + dy / 2;
+                const head = Math.min(Math.max(len * 0.28, 3), 8);
+                const headAngle = (28 * Math.PI) / 180;
+                const baseAngle = Math.atan2(y2 - y1, x2 - x1);
+                const hx1 = x2 - head * Math.cos(baseAngle - headAngle);
+                const hy1 = y2 - head * Math.sin(baseAngle - headAngle);
+                const hx2 = x2 - head * Math.cos(baseAngle + headAngle);
+                const hy2 = y2 - head * Math.sin(baseAngle + headAngle);
+                const bin = Math.min(Math.floor((d.length / max) * TONES.length), TONES.length - 1);
+                return {
+                    key: `${i}`,
+                    datum: d,
+                    cx,
+                    cy,
+                    x1,
+                    y1,
+                    x2,
+                    y2,
+                    hx1,
+                    hy1,
+                    hx2,
+                    hy2,
+                    tone: TONES[Math.max(0, bin)],
+                };
+            });
+            const dataValueItems = validData.map((d) => `x ${d.x}, y ${d.y} · |v| ${formatTick(d.length)} @ ${formatTick(d.direction)}°`);
+            const hoveredArrow = hoveredKey.value === null ? null : arrows.find((a) => a.key === hoveredKey.value) ?? null;
+            const svgChildren = [];
+            for (const t of yTicks) {
+                const y = MARGIN.top + scaleLinear(t, yMin, yMax, plotH, 0);
+                svgChildren.push(h("line", { key: `gy${t}`, class: "st-vectorFieldChart__grid", x1: MARGIN.left, x2: width - MARGIN.right, y1: y, y2: y }), h("text", { key: `ty${t}`, class: "st-vectorFieldChart__tick", x: MARGIN.left - 6, y, "text-anchor": "end", "dominant-baseline": "middle" }, formatTick(t)));
+            }
+            for (const t of xTicks) {
+                const x = MARGIN.left + scaleLinear(t, xMin, xMax, 0, plotW);
+                svgChildren.push(h("text", { key: `tx${t}`, class: "st-vectorFieldChart__tick", x, y: height - MARGIN.bottom + 16, "text-anchor": "middle" }, formatTick(t)));
+            }
+            svgChildren.push(h("line", { class: "st-vectorFieldChart__axis", x1: MARGIN.left, x2: MARGIN.left, y1: MARGIN.top, y2: height - MARGIN.bottom }), h("line", {
+                class: "st-vectorFieldChart__axis",
+                x1: MARGIN.left,
+                x2: width - MARGIN.right,
+                y1: height - MARGIN.bottom,
+                y2: height - MARGIN.bottom,
+            }));
+            arrows.forEach((a) => {
+                svgChildren.push(h("g", {
+                    key: a.key,
+                    class: classNames("st-vectorFieldChart__arrow", `st-vectorFieldChart__arrow--${a.tone}`, hoveredKey.value !== null && hoveredKey.value !== a.key ? "st-vectorFieldChart__arrow--dim" : undefined),
+                }, [
+                    h("line", { class: "st-vectorFieldChart__shaft", x1: a.x1, y1: a.y1, x2: a.x2, y2: a.y2, "data-chart-key": a.key }),
+                    h("line", { class: "st-vectorFieldChart__head", x1: a.x2, y1: a.y2, x2: a.hx1, y2: a.hy1 }),
+                    h("line", { class: "st-vectorFieldChart__head", x1: a.x2, y1: a.y2, x2: a.hx2, y2: a.hy2 }),
+                ]));
+            });
+            const children = [
+                h("div", {
+                    class: "st-vectorFieldChart__visual",
+                    role: "img",
+                    "aria-label": label,
+                    onPointermove: handlePointerMove,
+                    onPointerleave: () => (hoveredKey.value = null),
+                }, [
+                    h("svg", {
+                        viewBox: `0 0 ${width} ${height}`,
+                        preserveAspectRatio: "xMidYMid meet",
+                        width: "100%",
+                        height: "100%",
+                        focusable: "false",
+                        "aria-hidden": "true",
+                    }, svgChildren),
+                ]),
+            ];
+            const list = chartDataList(label ?? "vector field", dataValueItems);
+            if (list)
+                children.push(list);
+            if (hoveredArrow) {
+                children.push(h("div", {
+                    class: "st-vectorFieldChart__tooltip",
+                    role: "presentation",
+                    style: { left: `${(hoveredArrow.cx / width) * 100}%`, top: `${(hoveredArrow.cy / height) * 100}%` },
+                }, [
+                    h("span", { class: "st-vectorFieldChart__tooltipLabel" }, `x ${hoveredArrow.datum.x} · y ${hoveredArrow.datum.y}`),
+                    h("span", { class: "st-vectorFieldChart__tooltipValue" }, `|v| ${formatTick(hoveredArrow.datum.length)} @ ${formatTick(hoveredArrow.datum.direction)}°`),
+                ]));
+            }
+            return h("div", { ...attrs, class: classNames("st-vectorFieldChart", props.class) }, children);
+        };
+    },
+});
+//# sourceMappingURL=VectorFieldChart.js.map

package/dist/VectorFieldChart.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VectorFieldChart.js","sourceRoot":"","sources":["../src/VectorFieldChart.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,CAAC,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC9C,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AA8BpF,MAAM,MAAM,GAAG,EAAE,GAAG,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAW,CAAC;AAErE,MAAM,KAAK,GAA2B;IACpC,WAAW;IACX,WAAW;IACX,WAAW;IACX,WAAW;IACX,WAAW;IACX,WAAW;IACX,WAAW;IACX,WAAW;CACZ,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAG,eAAe,CAAC;IAC9C,IAAI,EAAE,kBAAkB;IACxB,KAAK,EAAE;QACL,IAAI,EAAE,EAAE,IAAI,EAAE,KAAsC,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,EAAE,EAAE;QACzE,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE;QAC3C,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,GAAG,EAAE;QACrC,MAAM,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,GAAG,EAAE;QACtC,IAAI,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE,EAAE;QACnC,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE;KAC5C;IACD,KAAK,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE;QACpB,MAAM,UAAU,GAAG,GAAG,CAAgB,IAAI,CAAC,CAAC;QAE5C,SAAS,iBAAiB,CAAC,KAAmB;YAC5C,MAAM,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC;YAC5B,IAAI,CAAC,CAAC,MAAM,YAAY,OAAO,CAAC,EAAE,CAAC;gBACjC,UAAU,CAAC,KAAK,GAAG,IAAI,CAAC;gBACxB,OAAO;YACT,CAAC;YACD,UAAU,CAAC,KAAK,GAAG,MAAM,CAAC,YAAY,CAAC,gBAAgB,CAAC,CAAC;QAC3D,CAAC;QAED,OAAO,GAAG,EAAE;YACV,MAAM,IAAI,GAAG,KAAK,CAAC,IAAI,IAAI,EAAE,CAAC;YAC9B,MAAM,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC;YAC1B,MAAM,KAAK,GAAG,KAAK,CAAC,KAAK,IAAI,GAAG,CAAC;YACjC,MAAM,MAAM,GAAG,KAAK,CAAC,MAAM,IAAI,GAAG,CAAC;YACnC,MAAM,IAAI,GAAG,KAAK,CAAC,IAAI,IAAI,EAAE,CAAC;YAE9B,4DAA4D;YAC5D,MAAM,SAAS,GAAG,IAAI,CAAC,MAAM,CAC3B,CAAC,CAAC,EAAE,EAAE,CACJ,CAAC;gBACD,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC;gBACpB,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC;gBACpB,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC;gBACzB,CAAC,CAAC,MAAM,IAAI,CAAC;gBACb,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAC/B,CAAC;YAEF,MAAM,EAAE,GAAG,SAAS,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;YACrC,MAAM,EAAE,GAAG,SAAS,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;YACrC,MAAM,MAAM,GAAG,SAAS,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC;YAC3D,MAAM,MAAM,GAAG,SAAS,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC;YAC3D,MAAM,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,GAAG,MAAM,CAAC,IAAI,GAAG,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;YAC9D,MAAM,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,MAAM,GAAG,MAAM,CAAC,GAAG,GAAG,MAAM,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC;YAC/D,MAAM,IAAI,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC;YACvB,MAAM,IAAI,GAAG,MAAM,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;YACvC,MAAM,IAAI,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC;YACvB,MAAM,IAAI,GAAG,MAAM,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;YAEvC,MAAM,SAAS,GAAG,SAAS,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,MAAM,GAAG,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC;YAErF,uEAAuE;YACvE,MAAM,MAAM,GAAG,SAAS,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;gBACpC,MAAM,EAAE,GAAG,MAAM,CAAC,IAAI,GAAG,WAAW,CAAC,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,EAAE,KAAK,CAAC,CAAC;gBAChE,MAAM,EAAE,GAAG,MAAM,CAAC,GAAG,GAAG,WAAW,CAAC,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC;gBAC/D,MAAM,GAAG,GAAG,SAAS,GAAG,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC;gBAC1C,MAAM,GAAG,GAAG,CAAC,CAAC,CAAC,MAAM,GAAG,GAAG,CAAC,GAAG,IAAI,CAAC;gBACpC,MAAM,GAAG,GAAG,CAAC,CAAC,CAAC,SAAS,GAAG,IAAI,CAAC,EAAE,CAAC,GAAG,GAAG,CAAC;gBAC1C,MAAM,EAAE,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,GAAG,CAAC;gBAC/B,MAAM,EAAE,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,GAAG,CAAC;gBAChC,MAAM,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC,CAAC;gBACvB,MAAM,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC,CAAC;gBACvB,MAAM,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC,CAAC;gBACvB,MAAM,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC,CAAC;gBACvB,MAAM,IAAI,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,GAAG,IAAI,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;gBAClD,MAAM,SAAS,GAAG,CAAC,EAAE,GAAG,IAAI,CAAC,EAAE,CAAC,GAAG,GAAG,CAAC;gBACvC,MAAM,SAAS,GAAG,IAAI,CAAC,KAAK,CAAC,EAAE,GAAG,EAAE,EAAE,EAAE,GAAG,EAAE,CAAC,CAAC;gBAC/C,MAAM,GAAG,GAAG,EAAE,GAAG,IAAI,GAAG,IAAI,CAAC,GAAG,CAAC,SAAS,GAAG,SAAS,CAAC,CAAC;gBACxD,MAAM,GAAG,GAAG,EAAE,GAAG,IAAI,GAAG,IAAI,CAAC,GAAG,CAAC,SAAS,GAAG,SAAS,CAAC,CAAC;gBACxD,MAAM,GAAG,GAAG,EAAE,GAAG,IAAI,GAAG,IAAI,CAAC,GAAG,CAAC,SAAS,GAAG,SAAS,CAAC,CAAC;gBACxD,MAAM,GAAG,GAAG,EAAE,GAAG,IAAI,GAAG,IAAI,CAAC,GAAG,CAAC,SAAS,GAAG,SAAS,CAAC,CAAC;gBACxD,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,MAAM,GAAG,GAAG,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,EAAE,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;gBACpF,OAAO;oBACL,GAAG,EAAE,GAAG,CAAC,EAAE;oBACX,KAAK,EAAE,CAAC;oBACR,EAAE;oBACF,EAAE;oBACF,EAAE;oBACF,EAAE;oBACF,EAAE;oBACF,EAAE;oBACF,GAAG;oBACH,GAAG;oBACH,GAAG;oBACH,GAAG;oBACH,IAAI,EAAE,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC;iBAC9B,CAAC;YACJ,CAAC,CAAC,CAAC;YAEH,MAAM,cAAc,GAAG,SAAS,CAAC,GAAG,CAClC,CAAC,CAAC,EAAE,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,UAAU,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC,GAAG,CACxF,CAAC;YAEF,MAAM,YAAY,GAChB,UAAU,CAAC,KAAK,KAAK,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,GAAG,KAAK,UAAU,CAAC,KAAK,CAAC,IAAI,IAAI,CAAC;YAE5F,MAAM,WAAW,GAA2B,EAAE,CAAC;YAC/C,KAAK,MAAM,CAAC,IAAI,MAAM,EAAE,CAAC;gBACvB,MAAM,CAAC,GAAG,MAAM,CAAC,GAAG,GAAG,WAAW,CAAC,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC;gBAC5D,WAAW,CAAC,IAAI,CACd,CAAC,CAAC,MAAM,EAAE,EAAE,GAAG,EAAE,KAAK,CAAC,EAAE,EAAE,KAAK,EAAE,2BAA2B,EAAE,EAAE,EAAE,MAAM,CAAC,IAAI,EAAE,EAAE,EAAE,KAAK,GAAG,MAAM,CAAC,KAAK,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,EACzH,CAAC,CACC,MAAM,EACN,EAAE,GAAG,EAAE,KAAK,CAAC,EAAE,EAAE,KAAK,EAAE,2BAA2B,EAAE,CAAC,EAAE,MAAM,CAAC,IAAI,GAAG,CAAC,EAAE,CAAC,EAAE,aAAa,EAAE,KAAK,EAAE,mBAAmB,EAAE,QAAQ,EAAE,EACjI,UAAU,CAAC,CAAC,CAAC,CACd,CACF,CAAC;YACJ,CAAC;YACD,KAAK,MAAM,CAAC,IAAI,MAAM,EAAE,CAAC;gBACvB,MAAM,CAAC,GAAG,MAAM,CAAC,IAAI,GAAG,WAAW,CAAC,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,EAAE,KAAK,CAAC,CAAC;gBAC7D,WAAW,CAAC,IAAI,CACd,CAAC,CACC,MAAM,EACN,EAAE,GAAG,EAAE,KAAK,CAAC,EAAE,EAAE,KAAK,EAAE,2BAA2B,EAAE,CAAC,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC,MAAM,GAAG,EAAE,EAAE,aAAa,EAAE,QAAQ,EAAE,EACjH,UAAU,CAAC,CAAC,CAAC,CACd,CACF,CAAC;YACJ,CAAC;YAED,WAAW,CAAC,IAAI,CACd,CAAC,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,2BAA2B,EAAE,EAAE,EAAE,MAAM,CAAC,IAAI,EAAE,EAAE,EAAE,MAAM,CAAC,IAAI,EAAE,EAAE,EAAE,MAAM,CAAC,GAAG,EAAE,EAAE,EAAE,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE,CAAC,EAC/H,CAAC,CAAC,MAAM,EAAE;gBACR,KAAK,EAAE,2BAA2B;gBAClC,EAAE,EAAE,MAAM,CAAC,IAAI;gBACf,EAAE,EAAE,KAAK,GAAG,MAAM,CAAC,KAAK;gBACxB,EAAE,EAAE,MAAM,GAAG,MAAM,CAAC,MAAM;gBAC1B,EAAE,EAAE,MAAM,GAAG,MAAM,CAAC,MAAM;aAC3B,CAAC,CACH,CAAC;YAEF,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE;gBACnB,WAAW,CAAC,IAAI,CACd,CAAC,CACC,GAAG,EACH;oBACE,GAAG,EAAE,CAAC,CAAC,GAAG;oBACV,KAAK,EAAE,UAAU,CACf,4BAA4B,EAC5B,+BAA+B,CAAC,CAAC,IAAI,EAAE,EACvC,UAAU,CAAC,KAAK,KAAK,IAAI,IAAI,UAAU,CAAC,KAAK,KAAK,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,iCAAiC,CAAC,CAAC,CAAC,SAAS,CACxG;iBACF,EACD;oBACE,CAAC,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,4BAA4B,EAAE,EAAE,EAAE,CAAC,CAAC,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC,EAAE,EAAE,gBAAgB,EAAE,CAAC,CAAC,GAAG,EAAE,CAAC;oBACnH,CAAC,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,2BAA2B,EAAE,EAAE,EAAE,CAAC,CAAC,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC,GAAG,EAAE,EAAE,EAAE,CAAC,CAAC,GAAG,EAAE,CAAC;oBAC3F,CAAC,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,2BAA2B,EAAE,EAAE,EAAE,CAAC,CAAC,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC,GAAG,EAAE,EAAE,EAAE,CAAC,CAAC,GAAG,EAAE,CAAC;iBAC5F,CACF,CACF,CAAC;YACJ,CAAC,CAAC,CAAC;YAEH,MAAM,QAAQ,GAA2B;gBACvC,CAAC,CACC,KAAK,EACL;oBACE,KAAK,EAAE,6BAA6B;oBACpC,IAAI,EAAE,KAAK;oBACX,YAAY,EAAE,KAAK;oBACnB,aAAa,EAAE,iBAAiB;oBAChC,cAAc,EAAE,GAAG,EAAE,CAAC,CAAC,UAAU,CAAC,KAAK,GAAG,IAAI,CAAC;iBAChD,EACD;oBACE,CAAC,CACC,KAAK,EACL;wBACE,OAAO,EAAE,OAAO,KAAK,IAAI,MAAM,EAAE;wBACjC,mBAAmB,EAAE,eAAe;wBACpC,KAAK,EAAE,MAAM;wBACb,MAAM,EAAE,MAAM;wBACd,SAAS,EAAE,OAAO;wBAClB,aAAa,EAAE,MAAM;qBACtB,EACD,WAAW,CACZ;iBACF,CACF;aACF,CAAC;YAEF,MAAM,IAAI,GAAG,aAAa,CAAC,KAAK,IAAI,cAAc,EAAE,cAAc,CAAC,CAAC;YACpE,IAAI,IAAI;gBAAE,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;YAE9B,IAAI,YAAY,EAAE,CAAC;gBACjB,QAAQ,CAAC,IAAI,CACX,CAAC,CACC,KAAK,EACL;oBACE,KAAK,EAAE,8BAA8B;oBACrC,IAAI,EAAE,cAAc;oBACpB,KAAK,EAAE,EAAE,IAAI,EAAE,GAAG,CAAC,YAAY,CAAC,EAAE,GAAG,KAAK,CAAC,GAAG,GAAG,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC,YAAY,CAAC,EAAE,GAAG,MAAM,CAAC,GAAG,GAAG,GAAG,EAAE;iBACpG,EACD;oBACE,CAAC,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,mCAAmC,EAAE,EAAE,KAAK,YAAY,CAAC,KAAK,CAAC,CAAC,QAAQ,YAAY,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC;oBAClH,CAAC,CACC,MAAM,EACN,EAAE,KAAK,EAAE,mCAAmC,EAAE,EAC9C,OAAO,UAAU,CAAC,YAAY,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM,UAAU,CAAC,YAAY,CAAC,KAAK,CAAC,SAAS,CAAC,GAAG,CAC9F;iBACF,CACF,CACF,CAAC;YACJ,CAAC;YAED,OAAO,CAAC,CAAC,KAAK,EAAE,EAAE,GAAG,KAAK,EAAE,KAAK,EAAE,UAAU,CAAC,qBAAqB,EAAE,KAAK,CAAC,KAAK,CAAC,EAAE,EAAE,QAAQ,CAAC,CAAC;QACjG,CAAC,CAAC;IACJ,CAAC;CACF,CAAC,CAAC"}

package/dist/index.d.ts

@@ -190,12 +190,24 @@ export { StateTimelineChart } from "./StateTimelineChart.js";
 export type { StateTimelineChartProps, StateTimelineTone, StateTimelineSegment, StateTimelineSeries, } from "./StateTimelineChart.js";
 export { StatusHistoryChart } from "./StatusHistoryChart.js";
 export type { StatusHistoryChartProps, StatusHistoryTone, StatusHistoryBucket, StatusHistorySeries, } from "./StatusHistoryChart.js";
+export { EventFeedPanel } from "./EventFeedPanel.js";
+export type { EventFeedPanelProps, EventFeedPanelEvent, EventFeedPanelSeverity } from "./EventFeedPanel.js";
+export { VectorFieldChart } from "./VectorFieldChart.js";
+export type { VectorFieldChartProps, VectorFieldChartDatum, VectorFieldChartTone } from "./VectorFieldChart.js";
 export { WaffleChart } from "./WaffleChart.js";
 export type { WaffleChartProps, WaffleTone, WaffleChartDatum, } from "./WaffleChart.js";
 export { RibbonChart } from "./RibbonChart.js";
 export type { RibbonChartProps, RibbonChartTone, RibbonChartDatum, } from "./RibbonChart.js";
 export { AnomalySwimLaneChart } from "./AnomalySwimLaneChart.js";
 export type { AnomalySwimLaneChartProps, AnomalySwimLaneTone, AnomalySwimLaneBucket, AnomalySwimLaneSeries, } from "./AnomalySwimLaneChart.js";
+export { FlamegraphChart } from "./FlamegraphChart.js";
+export type { FlamegraphChartProps, FlamegraphNode } from "./FlamegraphChart.js";
+export { TraceWaterfallChart } from "./TraceWaterfallChart.js";
+export type { TraceWaterfallChartProps, TraceSpan } from "./TraceWaterfallChart.js";
+export { DecompositionTreeChart } from "./DecompositionTreeChart.js";
+export type { DecompositionTreeChartProps, DecompositionTreeNode, DecompositionTreeLevel, DecompositionTreeData, } from "./DecompositionTreeChart.js";
+export { Density2DChart } from "./Density2DChart.js";
+export type { Density2DChartProps, Density2DTone, Density2DPoint } from "./Density2DChart.js";
 export { GeoMap } from "./GeoMap.js";
 export type { GeoMapProps, GeoMapTone, GeoMapCoordinate, GeoMapBounds, GeoMapProjection, GeoMapGeometryType, GeoMapGeometry, GeoMapFeature, GeoMapPoint, GeoMapFlow, GeoMapGeojsonLayer, GeoMapChoroplethLayer, GeoMapPointsLayer, GeoMapDensityLayer, GeoMapFlowLayer, GeoMapHexbinLayer, GeoMapClusterLayer, GeoMapLayer, } from "./GeoMap.js";
 export { FunnelChart } from "./FunnelChart.js";