@sentropic/design-system-angular 0.36.54

package/dist/Tooltip.d.ts

@@ -0,0 +1,21 @@
+import * as i0 from "@angular/core";
+export type TooltipPlacement = "top" | "bottom";
+export type TooltipProps = {
+    content: unknown;
+    triggerLabel?: string;
+    placement?: TooltipPlacement;
+    class?: string;
+};
+export declare class Tooltip {
+    static readonly stComponentName = "Tooltip";
+    readonly componentName = "Tooltip";
+    readonly tooltipId: string;
+    content: unknown;
+    triggerLabel?: string;
+    placement?: TooltipPlacement;
+    classInput?: string;
+    get hostClass(): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<Tooltip, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<Tooltip, "st-tooltip", never, { "content": { "alias": "content"; "required": false; }; "triggerLabel": { "alias": "triggerLabel"; "required": false; }; "placement": { "alias": "placement"; "required": false; }; "classInput": { "alias": "class"; "required": false; }; }, {}, never, ["*"], true, never>;
+}
+//# sourceMappingURL=Tooltip.d.ts.map

package/dist/Tooltip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../src/Tooltip.ts"],"names":[],"mappings":";AAIA,MAAM,MAAM,gBAAgB,GAAG,KAAK,GAAG,QAAQ,CAAC;AAEhD,MAAM,MAAM,YAAY,GAAG;IACzB,OAAO,EAAE,OAAO,CAAC;IACjB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,gBAAgB,CAAC;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAOF,qBAsBa,OAAO;IAClB,MAAM,CAAC,QAAQ,CAAC,eAAe,aAAa;IAC5C,QAAQ,CAAC,aAAa,aAAa;IACnC,QAAQ,CAAC,SAAS,SAAmB;IAE1B,OAAO,EAAG,OAAO,CAAC;IAClB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,gBAAgB,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,CAAC;IAEtC,IAAI,SAAS,IAAI,MAAM,CAMtB;yCAhBU,OAAO;2CAAP,OAAO;CAiBnB"}

package/dist/Tooltip.js

@@ -0,0 +1,73 @@
+import { Component, Input as NgInput } from "@angular/core";
+import { classNames } from "./classNames.js";
+import * as i0 from "@angular/core";
+let _tooltipCounter = 0;
+function nextTooltipId() {
+    return `st-tooltip-${++_tooltipCounter}`;
+}
+export class Tooltip {
+    static stComponentName = "Tooltip";
+    componentName = "Tooltip";
+    tooltipId = nextTooltipId();
+    content;
+    triggerLabel;
+    placement;
+    classInput;
+    get hostClass() {
+        return classNames("st-tooltip", `st-tooltip--${this.placement ?? "top"}`, this.classInput);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: Tooltip, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: Tooltip, isStandalone: true, selector: "st-tooltip", inputs: { content: "content", triggerLabel: "triggerLabel", placement: "placement", classInput: ["class", "classInput"] }, ngImport: i0, template: `
+    <span
+      [attr.data-st-component]="componentName"
+      [class]="hostClass"
+    >
+      <span class="st-tooltip__trigger">
+        @if (triggerLabel) {
+          {{ triggerLabel }}
+        }
+        <ng-content></ng-content>
+      </span>
+      <span
+        [id]="tooltipId"
+        class="st-tooltip__content"
+        role="tooltip"
+      >{{ content }}</span>
+    </span>
+  `, isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: Tooltip, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "st-tooltip",
+                    standalone: true,
+                    template: `
+    <span
+      [attr.data-st-component]="componentName"
+      [class]="hostClass"
+    >
+      <span class="st-tooltip__trigger">
+        @if (triggerLabel) {
+          {{ triggerLabel }}
+        }
+        <ng-content></ng-content>
+      </span>
+      <span
+        [id]="tooltipId"
+        class="st-tooltip__content"
+        role="tooltip"
+      >{{ content }}</span>
+    </span>
+  `,
+                }]
+        }], propDecorators: { content: [{
+                type: NgInput
+            }], triggerLabel: [{
+                type: NgInput
+            }], placement: [{
+                type: NgInput
+            }], classInput: [{
+                type: NgInput,
+                args: ["class"]
+            }] } });
+//# sourceMappingURL=Tooltip.js.map

package/dist/Tooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip.js","sourceRoot":"","sources":["../src/Tooltip.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,IAAI,OAAO,EAAE,MAAM,eAAe,CAAC;AAE5D,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;;AAW7C,IAAI,eAAe,GAAG,CAAC,CAAC;AACxB,SAAS,aAAa;IACpB,OAAO,cAAc,EAAE,eAAe,EAAE,CAAC;AAC3C,CAAC;AAwBD,MAAM,OAAO,OAAO;IAClB,MAAM,CAAU,eAAe,GAAG,SAAS,CAAC;IACnC,aAAa,GAAG,SAAS,CAAC;IAC1B,SAAS,GAAG,aAAa,EAAE,CAAC;IAE1B,OAAO,CAAW;IAClB,YAAY,CAAU;IACtB,SAAS,CAAoB;IACtB,UAAU,CAAU;IAEtC,IAAI,SAAS;QACX,OAAO,UAAU,CACf,YAAY,EACZ,eAAe,IAAI,CAAC,SAAS,IAAI,KAAK,EAAE,EACxC,IAAI,CAAC,UAAU,CAChB,CAAC;IACJ,CAAC;wGAhBU,OAAO;4FAAP,OAAO,iMAnBR;;;;;;;;;;;;;;;;;GAiBT;;4FAEU,OAAO;kBAtBnB,SAAS;mBAAC;oBACT,QAAQ,EAAE,YAAY;oBACtB,UAAU,EAAE,IAAI;oBAChB,QAAQ,EAAE;;;;;;;;;;;;;;;;;GAiBT;iBACF;;sBAME,OAAO;;sBACP,OAAO;;sBACP,OAAO;;sBACP,OAAO;uBAAC,OAAO"}

package/dist/TraceWaterfallChart.d.ts

@@ -0,0 +1,97 @@
+import * as i0 from "@angular/core";
+export type TraceSpan = {
+    spanId: string;
+    parentSpanId?: string | null;
+    service: string;
+    start: number;
+    duration: number;
+};
+export type TraceWaterfallChartProps = {
+    data: {
+        spans: TraceSpan[];
+    };
+    label?: string;
+    width?: number;
+    height?: number;
+    size?: number;
+    class?: string;
+};
+type OrderedSpan = {
+    span: TraceSpan;
+    depth: number;
+};
+type BarItem = {
+    span: TraceSpan;
+    depth: number;
+    index: number;
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+    rowCenterY: number;
+    cx: number;
+    tone: string;
+    indentX: number;
+    indentWidth: number;
+};
+type TickItem = {
+    value: number;
+    x: number;
+};
+type LegendItem = {
+    service: string;
+    tone: string;
+};
+export declare class TraceWaterfallChart {
+    static readonly stComponentName = "TraceWaterfallChart";
+    readonly componentName = "TraceWaterfallChart";
+    readonly MARGIN: {
+        top: number;
+        right: number;
+        bottom: number;
+        left: number;
+    };
+    hoveredIndex: number | null;
+    data: {
+        spans: TraceSpan[];
+    };
+    label?: string;
+    width?: number;
+    height?: number;
+    size?: number;
+    classInput?: string;
+    get hostClass(): string;
+    get widthValue(): number;
+    get heightValue(): number;
+    get viewBox(): string;
+    get plotWidth(): number;
+    get plotHeight(): number;
+    get validSpans(): TraceSpan[];
+    get ordered(): OrderedSpan[];
+    get serviceOrder(): string[];
+    toneOf(service: string): string;
+    get legendItems(): LegendItem[];
+    get domainBounds(): {
+        rawMin: number;
+        rawMax: number;
+    };
+    get ticks(): number[];
+    get domainMin(): number;
+    get domainMax(): number;
+    xOf(v: number): number;
+    get tickItems(): TickItem[];
+    get bars(): BarItem[];
+    get hoveredBar(): BarItem | null;
+    get dataValueItems(): string[];
+    formatTickLabel(value: number): string;
+    ellipsizeLabel(text: string, depth: number): string;
+    barClass(bar: BarItem): string;
+    tooltipLeft(bar: BarItem): number;
+    tooltipTop(bar: BarItem): number;
+    spanEnd(bar: BarItem): number;
+    handlePointerMove(e: PointerEvent): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TraceWaterfallChart, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TraceWaterfallChart, "st-trace-waterfall-chart", never, { "data": { "alias": "data"; "required": false; }; "label": { "alias": "label"; "required": false; }; "width": { "alias": "width"; "required": false; }; "height": { "alias": "height"; "required": false; }; "size": { "alias": "size"; "required": false; }; "classInput": { "alias": "class"; "required": false; }; }, {}, never, never, true, never>;
+}
+export {};
+//# sourceMappingURL=TraceWaterfallChart.d.ts.map

package/dist/TraceWaterfallChart.d.ts.map

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

package/dist/TraceWaterfallChart.js

@@ -0,0 +1,389 @@
+import { Component, Input as NgInput } from "@angular/core";
+import { classNames } from "./classNames.js";
+import { niceTicks, scaleLinear, formatTick } from "./chartScale.js";
+import * as i0 from "@angular/core";
+const MARGIN = { top: 16, right: 16, bottom: 32, left: 152 };
+const INDENT = 10;
+function ellipsize(text, maxChars) {
+    if (text.length <= maxChars)
+        return text;
+    if (maxChars <= 1)
+        return "…";
+    return `${text.slice(0, maxChars - 1)}…`;
+}
+export class TraceWaterfallChart {
+    static stComponentName = "TraceWaterfallChart";
+    componentName = "TraceWaterfallChart";
+    MARGIN = MARGIN;
+    hoveredIndex = null;
+    data = { spans: [] };
+    label;
+    width;
+    height;
+    size;
+    classInput;
+    get hostClass() {
+        return classNames("st-traceWaterfallChart", this.classInput);
+    }
+    get widthValue() {
+        return this.width ?? this.size ?? 640;
+    }
+    get heightValue() {
+        return this.height ?? 320;
+    }
+    get viewBox() {
+        return `0 0 ${this.widthValue} ${this.heightValue}`;
+    }
+    get plotWidth() {
+        return Math.max(this.widthValue - MARGIN.left - MARGIN.right, 1);
+    }
+    get plotHeight() {
+        return Math.max(this.heightValue - MARGIN.top - MARGIN.bottom, 1);
+    }
+    get validSpans() {
+        return (this.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));
+    }
+    get ordered() {
+        if (this.validSpans.length === 0)
+            return [];
+        const byId = new Map();
+        for (const s of this.validSpans)
+            if (!byId.has(s.spanId))
+                byId.set(s.spanId, s);
+        const childrenOf = new Map();
+        const roots = [];
+        for (const s of this.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 this.validSpans)
+            if (!seen.has(s.spanId))
+                visit(s, 0);
+        return out;
+    }
+    get serviceOrder() {
+        const seen = [];
+        for (const o of this.ordered) {
+            if (!seen.includes(o.span.service))
+                seen.push(o.span.service);
+        }
+        return seen;
+    }
+    toneOf(service) {
+        const idx = this.serviceOrder.indexOf(service);
+        return `category${((idx < 0 ? 0 : idx) % 8) + 1}`;
+    }
+    get legendItems() {
+        return this.serviceOrder.map((service) => ({ service, tone: this.toneOf(service) }));
+    }
+    get domainBounds() {
+        const vals = [];
+        for (const o of this.ordered) {
+            vals.push(o.span.start, o.span.start + Math.max(o.span.duration, 0));
+        }
+        if (vals.length === 0)
+            return { rawMin: 0, rawMax: 1 };
+        const rawMin = Math.min(...vals);
+        const rawMax = Math.max(...vals);
+        return { rawMin, rawMax: rawMax === rawMin ? rawMin + 1 : rawMax };
+    }
+    get ticks() {
+        return niceTicks(this.domainBounds.rawMin, this.domainBounds.rawMax, 5);
+    }
+    get domainMin() {
+        return this.ticks[0] ?? 0;
+    }
+    get domainMax() {
+        return this.ticks[this.ticks.length - 1] ?? 1;
+    }
+    xOf(v) {
+        return MARGIN.left + scaleLinear(v, this.domainMin, this.domainMax, 0, this.plotWidth);
+    }
+    get tickItems() {
+        return this.ticks.map((value) => ({ value, x: this.xOf(value) }));
+    }
+    get bars() {
+        if (this.ordered.length === 0)
+            return [];
+        const band = this.plotHeight / this.ordered.length;
+        const barHeight = Math.min(band * 0.62, 24);
+        return this.ordered.map((o, i) => {
+            const x0 = this.xOf(o.span.start);
+            const x1 = this.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;
+            const indentX = x + o.depth * INDENT;
+            const indentWidth = Math.max(w - o.depth * INDENT, 1);
+            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: this.toneOf(o.span.service),
+                indentX,
+                indentWidth,
+            };
+        });
+    }
+    get hoveredBar() {
+        if (this.hoveredIndex == null)
+            return null;
+        return this.bars[this.hoveredIndex] ?? null;
+    }
+    get dataValueItems() {
+        return this.ordered.map((o) => `${"·".repeat(o.depth)}${o.span.service}: ${o.span.start} → ${o.span.start + Math.max(o.span.duration, 0)}`);
+    }
+    formatTickLabel(value) {
+        return formatTick(value);
+    }
+    ellipsizeLabel(text, depth) {
+        return ellipsize(text, Math.max(2, 16 - depth));
+    }
+    barClass(bar) {
+        const dim = this.hoveredIndex !== null && this.hoveredIndex !== bar.index;
+        return classNames("st-traceWaterfallChart__bar", `st-traceWaterfallChart__bar--${bar.tone}`, dim && "st-traceWaterfallChart__bar--dim");
+    }
+    tooltipLeft(bar) {
+        return (bar.cx / this.widthValue) * 100;
+    }
+    tooltipTop(bar) {
+        return (bar.rowCenterY / this.heightValue) * 100;
+    }
+    spanEnd(bar) {
+        return bar.span.start + Math.max(bar.span.duration, 0);
+    }
+    handlePointerMove(e) {
+        const target = e.target;
+        const attr = target?.getAttribute("data-chart-index");
+        if (attr != null) {
+            const idx = Number(attr);
+            if (Number.isInteger(idx))
+                this.hoveredIndex = idx;
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: TraceWaterfallChart, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: TraceWaterfallChart, isStandalone: true, selector: "st-trace-waterfall-chart", inputs: { data: "data", label: "label", width: "width", height: "height", size: "size", classInput: ["class", "classInput"] }, ngImport: i0, template: `
+    <div [attr.data-st-component]="componentName" [class]="hostClass">
+      <div
+        class="st-traceWaterfallChart__visual"
+        role="img"
+        [attr.aria-label]="label"
+        (pointermove)="handlePointerMove($event)"
+        (pointerleave)="hoveredIndex = null"
+      >
+        <svg
+          [attr.viewBox]="viewBox"
+          preserveAspectRatio="xMidYMid meet"
+          width="100%"
+          height="100%"
+          focusable="false"
+          aria-hidden="true"
+        >
+          @for (tick of tickItems; track tick.value) {
+            <line class="st-traceWaterfallChart__grid"
+              [attr.x1]="tick.x" [attr.x2]="tick.x"
+              [attr.y1]="MARGIN.top" [attr.y2]="heightValue - MARGIN.bottom"
+            ></line>
+            <text class="st-traceWaterfallChart__tickLabel"
+              [attr.x]="tick.x"
+              [attr.y]="heightValue - MARGIN.bottom + 16"
+              text-anchor="middle"
+            >{{ formatTickLabel(tick.value) }}</text>
+          }
+
+          <line class="st-traceWaterfallChart__axis"
+            [attr.x1]="MARGIN.left" [attr.x2]="MARGIN.left"
+            [attr.y1]="MARGIN.top" [attr.y2]="heightValue - MARGIN.bottom"
+          ></line>
+          <line class="st-traceWaterfallChart__axis"
+            [attr.x1]="MARGIN.left" [attr.x2]="widthValue - MARGIN.right"
+            [attr.y1]="heightValue - MARGIN.bottom" [attr.y2]="heightValue - MARGIN.bottom"
+          ></line>
+
+          @for (bar of bars; track bar.index) {
+            <text class="st-traceWaterfallChart__spanLabel"
+              [attr.x]="MARGIN.left - 8"
+              [attr.y]="bar.rowCenterY"
+              text-anchor="end"
+              dominant-baseline="middle"
+            >{{ ellipsizeLabel(bar.span.service, bar.depth) }}</text>
+            <rect
+              [class]="barClass(bar)"
+              [attr.x]="bar.indentX"
+              [attr.y]="bar.y"
+              [attr.width]="bar.indentWidth"
+              [attr.height]="bar.height"
+              rx="2"
+              [attr.data-chart-index]="bar.index"
+            ></rect>
+          }
+        </svg>
+      </div>
+
+      @if (legendItems.length > 0) {
+        <ul class="st-traceWaterfallChart__legend" [attr.aria-label]="'Services de ' + (label ?? 'trace')">
+          @for (item of legendItems; track item.service) {
+            <li class="st-traceWaterfallChart__legendItem">
+              <span [class]="'st-traceWaterfallChart__legendSwatch st-traceWaterfallChart__legendSwatch--' + item.tone" aria-hidden="true"></span>
+              {{ item.service }}
+            </li>
+          }
+        </ul>
+      }
+
+      <ul class="st-chartDataList" [attr.aria-label]="'Data values for ' + (label ?? 'trace waterfall')">
+        @for (item of dataValueItems; track item) {
+          <li>{{ item }}</li>
+        }
+      </ul>
+
+      @if (hoveredBar; as bar) {
+        <div
+          class="st-traceWaterfallChart__tooltip"
+          role="presentation"
+          [style.left.%]="tooltipLeft(bar)"
+          [style.top.%]="tooltipTop(bar)"
+        >
+          <span class="st-traceWaterfallChart__tooltipLabel">{{ bar.span.service }}</span>
+          <span class="st-traceWaterfallChart__tooltipValue">{{ bar.span.start }} → {{ spanEnd(bar) }}</span>
+        </div>
+      }
+    </div>
+  `, isInline: true, styles: [":host { display: contents; }"] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: TraceWaterfallChart, decorators: [{
+            type: Component,
+            args: [{ selector: "st-trace-waterfall-chart", standalone: true, template: `
+    <div [attr.data-st-component]="componentName" [class]="hostClass">
+      <div
+        class="st-traceWaterfallChart__visual"
+        role="img"
+        [attr.aria-label]="label"
+        (pointermove)="handlePointerMove($event)"
+        (pointerleave)="hoveredIndex = null"
+      >
+        <svg
+          [attr.viewBox]="viewBox"
+          preserveAspectRatio="xMidYMid meet"
+          width="100%"
+          height="100%"
+          focusable="false"
+          aria-hidden="true"
+        >
+          @for (tick of tickItems; track tick.value) {
+            <line class="st-traceWaterfallChart__grid"
+              [attr.x1]="tick.x" [attr.x2]="tick.x"
+              [attr.y1]="MARGIN.top" [attr.y2]="heightValue - MARGIN.bottom"
+            ></line>
+            <text class="st-traceWaterfallChart__tickLabel"
+              [attr.x]="tick.x"
+              [attr.y]="heightValue - MARGIN.bottom + 16"
+              text-anchor="middle"
+            >{{ formatTickLabel(tick.value) }}</text>
+          }
+
+          <line class="st-traceWaterfallChart__axis"
+            [attr.x1]="MARGIN.left" [attr.x2]="MARGIN.left"
+            [attr.y1]="MARGIN.top" [attr.y2]="heightValue - MARGIN.bottom"
+          ></line>
+          <line class="st-traceWaterfallChart__axis"
+            [attr.x1]="MARGIN.left" [attr.x2]="widthValue - MARGIN.right"
+            [attr.y1]="heightValue - MARGIN.bottom" [attr.y2]="heightValue - MARGIN.bottom"
+          ></line>
+
+          @for (bar of bars; track bar.index) {
+            <text class="st-traceWaterfallChart__spanLabel"
+              [attr.x]="MARGIN.left - 8"
+              [attr.y]="bar.rowCenterY"
+              text-anchor="end"
+              dominant-baseline="middle"
+            >{{ ellipsizeLabel(bar.span.service, bar.depth) }}</text>
+            <rect
+              [class]="barClass(bar)"
+              [attr.x]="bar.indentX"
+              [attr.y]="bar.y"
+              [attr.width]="bar.indentWidth"
+              [attr.height]="bar.height"
+              rx="2"
+              [attr.data-chart-index]="bar.index"
+            ></rect>
+          }
+        </svg>
+      </div>
+
+      @if (legendItems.length > 0) {
+        <ul class="st-traceWaterfallChart__legend" [attr.aria-label]="'Services de ' + (label ?? 'trace')">
+          @for (item of legendItems; track item.service) {
+            <li class="st-traceWaterfallChart__legendItem">
+              <span [class]="'st-traceWaterfallChart__legendSwatch st-traceWaterfallChart__legendSwatch--' + item.tone" aria-hidden="true"></span>
+              {{ item.service }}
+            </li>
+          }
+        </ul>
+      }
+
+      <ul class="st-chartDataList" [attr.aria-label]="'Data values for ' + (label ?? 'trace waterfall')">
+        @for (item of dataValueItems; track item) {
+          <li>{{ item }}</li>
+        }
+      </ul>
+
+      @if (hoveredBar; as bar) {
+        <div
+          class="st-traceWaterfallChart__tooltip"
+          role="presentation"
+          [style.left.%]="tooltipLeft(bar)"
+          [style.top.%]="tooltipTop(bar)"
+        >
+          <span class="st-traceWaterfallChart__tooltipLabel">{{ bar.span.service }}</span>
+          <span class="st-traceWaterfallChart__tooltipValue">{{ bar.span.start }} → {{ spanEnd(bar) }}</span>
+        </div>
+      }
+    </div>
+  `, styles: [":host { display: contents; }"] }]
+        }], propDecorators: { data: [{
+                type: NgInput
+            }], label: [{
+                type: NgInput
+            }], width: [{
+                type: NgInput
+            }], height: [{
+                type: NgInput
+            }], size: [{
+                type: NgInput
+            }], classInput: [{
+                type: NgInput,
+                args: ["class"]
+            }] } });
+//# 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/Transcription.d.ts

@@ -0,0 +1,39 @@
+import * as i0 from "@angular/core";
+export type TranscriptionSegment = {
+    speaker?: string;
+    startTime?: string;
+    endTime?: string;
+    text: string;
+};
+/** Alias used by chat-oriented consumers. */
+export type TranscriptionEntry = {
+    role?: string;
+    text: string;
+    timestamp?: string;
+};
+export type TranscriptionProps = {
+    title?: string;
+    segments?: TranscriptionSegment[];
+    entries?: TranscriptionEntry[];
+    text?: string;
+    class?: string;
+    open?: boolean;
+    showTimestamps?: boolean;
+};
+export declare class Transcription {
+    static readonly stComponentName = "Transcription";
+    readonly componentName = "Transcription";
+    title?: string;
+    segments?: TranscriptionSegment[];
+    entries?: TranscriptionEntry[];
+    text?: string;
+    classInput?: string;
+    open?: boolean;
+    showTimestamps: boolean;
+    get hostClass(): string;
+    get resolvedSegments(): TranscriptionSegment[];
+    formatInterval(seg: TranscriptionSegment): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<Transcription, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<Transcription, "st-transcription", never, { "title": { "alias": "title"; "required": false; }; "segments": { "alias": "segments"; "required": false; }; "entries": { "alias": "entries"; "required": false; }; "text": { "alias": "text"; "required": false; }; "classInput": { "alias": "class"; "required": false; }; "open": { "alias": "open"; "required": false; }; "showTimestamps": { "alias": "showTimestamps"; "required": false; }; }, {}, never, never, true, never>;
+}
+//# sourceMappingURL=Transcription.d.ts.map

package/dist/Transcription.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Transcription.d.ts","sourceRoot":"","sources":["../src/Transcription.ts"],"names":[],"mappings":";AAIA,MAAM,MAAM,oBAAoB,GAAG;IACjC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,6CAA6C;AAC7C,MAAM,MAAM,kBAAkB,GAAG;IAC/B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,oBAAoB,EAAE,CAAC;IAClC,OAAO,CAAC,EAAE,kBAAkB,EAAE,CAAC;IAC/B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B,CAAC;AAEF,qBAgCa,aAAa;IACxB,MAAM,CAAC,QAAQ,CAAC,eAAe,mBAAmB;IAClD,QAAQ,CAAC,aAAa,mBAAmB;IAE9B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,oBAAoB,EAAE,CAAC;IAClC,OAAO,CAAC,EAAE,kBAAkB,EAAE,CAAC;IAC/B,IAAI,CAAC,EAAE,MAAM,CAAC;IACP,UAAU,CAAC,EAAE,MAAM,CAAC;IAC3B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,cAAc,UAAQ;IAEjC,IAAI,SAAS,IAAI,MAAM,CAEtB;IAED,IAAI,gBAAgB,IAAI,oBAAoB,EAAE,CAE7C;IAED,cAAc,CAAC,GAAG,EAAE,oBAAoB,GAAG,MAAM;yCApBtC,aAAa;2CAAb,aAAa;CA0BzB"}