@sentropic/design-system-angular 0.36.54

package/dist/ColumnRangeChart.js

@@ -0,0 +1,378 @@
+import { Component, Input as NgInput } from "@angular/core";
+import { classNames } from "./classNames.js";
+import { formatTick, niceTicks, scaleLinear } from "./chartScale.js";
+import * as i0 from "@angular/core";
+const MARGIN = { top: 12, right: 16, bottom: 32, left: 44 };
+export class ColumnRangeChart {
+    static stComponentName = "ColumnRangeChart";
+    componentName = "ColumnRangeChart";
+    margin = MARGIN;
+    hoveredIndex = null;
+    data = [];
+    width;
+    height;
+    orientation;
+    label = "";
+    domain;
+    classInput;
+    get hostClass() {
+        return classNames("st-columnRangeChart", this.classInput);
+    }
+    get widthValue() {
+        return this.width ?? 480;
+    }
+    get heightValue() {
+        return this.height ?? 240;
+    }
+    get viewBox() {
+        return `0 0 ${this.widthValue} ${this.heightValue}`;
+    }
+    get isVertical() {
+        return (this.orientation ?? "vertical") === "vertical";
+    }
+    get plotWidth() {
+        return Math.max(this.widthValue - MARGIN.left - MARGIN.right, 1);
+    }
+    get plotHeight() {
+        return Math.max(this.heightValue - MARGIN.top - MARGIN.bottom, 1);
+    }
+    normalize(d) {
+        if (!Number.isFinite(d.low) || !Number.isFinite(d.high))
+            return null;
+        return { lo: Math.min(d.low, d.high), hi: Math.max(d.low, d.high) };
+    }
+    get validDomain() {
+        if (!this.domain)
+            return null;
+        const [d0, d1] = this.domain;
+        if (!Number.isFinite(d0) || !Number.isFinite(d1) || d0 >= d1)
+            return null;
+        return [d0, d1];
+    }
+    get validData() {
+        return this.data.filter((d) => this.normalize(d) !== null);
+    }
+    get ticks() {
+        const lows = this.validData.map((d) => Math.min(d.low, d.high));
+        const highs = this.validData.map((d) => Math.max(d.low, d.high));
+        const minRaw = this.validDomain ? this.validDomain[0] : Math.min(...lows, ...highs);
+        const maxRaw = this.validDomain ? this.validDomain[1] : Math.max(...lows, ...highs);
+        return niceTicks(minRaw, maxRaw, 5);
+    }
+    get domainMin() {
+        return this.ticks[0] ?? 0;
+    }
+    get domainMax() {
+        return this.ticks[this.ticks.length - 1] ?? 1;
+    }
+    valueFraction(v) {
+        if (this.domainMax === this.domainMin)
+            return 0;
+        const f = (v - this.domainMin) / (this.domainMax - this.domainMin);
+        return Math.min(1, Math.max(0, f));
+    }
+    get bars() {
+        if (this.validData.length === 0)
+            return [];
+        if (this.isVertical) {
+            const band = this.plotWidth / this.validData.length;
+            const barWidth = band * 0.62;
+            return this.validData.map((d, i) => {
+                const range = this.normalize(d);
+                const yLow = this.plotHeight * (1 - this.valueFraction(range.lo));
+                const yHigh = this.plotHeight * (1 - this.valueFraction(range.hi));
+                const y = Math.min(yLow, yHigh);
+                const h = Math.abs(yLow - yHigh);
+                const x = MARGIN.left + band * i + (band - barWidth) / 2;
+                return {
+                    x,
+                    y: MARGIN.top + y,
+                    width: barWidth,
+                    height: Math.max(h, 0.5),
+                    cx: MARGIN.left + band * (i + 0.5),
+                    cy: MARGIN.top + (yLow + yHigh) / 2,
+                    datum: d,
+                    range,
+                    tone: (d.tone ?? "category1"),
+                    index: i,
+                };
+            });
+        }
+        const band = this.plotHeight / this.validData.length;
+        const barHeight = band * 0.62;
+        return this.validData.map((d, i) => {
+            const range = this.normalize(d);
+            const xLow = this.plotWidth * this.valueFraction(range.lo);
+            const xHigh = this.plotWidth * this.valueFraction(range.hi);
+            const x = Math.min(xLow, xHigh);
+            const w = Math.abs(xHigh - xLow);
+            const y = MARGIN.top + band * i + (band - barHeight) / 2;
+            return {
+                x: MARGIN.left + x,
+                y,
+                width: Math.max(w, 0.5),
+                height: barHeight,
+                cx: MARGIN.left + (xLow + xHigh) / 2,
+                cy: MARGIN.top + band * (i + 0.5),
+                datum: d,
+                range,
+                tone: (d.tone ?? "category1"),
+                index: i,
+            };
+        });
+    }
+    get valueAxisTicks() {
+        if (this.isVertical) {
+            return this.ticks.map((tick) => ({
+                value: tick,
+                x1: MARGIN.left,
+                x2: MARGIN.left + this.plotWidth,
+                y: MARGIN.top + this.plotHeight * (1 - this.valueFraction(tick)),
+                horizontal: false,
+            }));
+        }
+        return this.ticks.map((tick) => ({
+            value: tick,
+            x: MARGIN.left + this.plotWidth * this.valueFraction(tick),
+            y1: MARGIN.top,
+            y2: MARGIN.top + this.plotHeight,
+            horizontal: true,
+        }));
+    }
+    get dataValueItems() {
+        return this.bars.map((bar) => `${bar.datum.category}: ${bar.range.lo} – ${bar.range.hi}`);
+    }
+    get hoveredBar() {
+        return this.hoveredIndex !== null ? (this.bars[this.hoveredIndex] ?? null) : null;
+    }
+    barClass(bar) {
+        return classNames("st-columnRangeChart__bar", `st-columnRangeChart__bar--${bar.tone}`);
+    }
+    formatTickLabel(value) {
+        return formatTick(value);
+    }
+    tooltipLeftPct(bar) {
+        return `${(bar.cx / this.widthValue) * 100}%`;
+    }
+    tooltipTopPct(bar) {
+        return `${(bar.cy / this.heightValue) * 100}%`;
+    }
+    handleVisualPointerMove(event) {
+        const target = event.target;
+        const raw = Number(target?.getAttribute?.("data-chart-index"));
+        this.hoveredIndex = Number.isInteger(raw) ? raw : null;
+    }
+    handleLeave() {
+        this.hoveredIndex = null;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: ColumnRangeChart, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: ColumnRangeChart, isStandalone: true, selector: "st-column-range-chart", inputs: { data: "data", width: "width", height: "height", orientation: "orientation", label: "label", domain: "domain", classInput: ["class", "classInput"] }, ngImport: i0, template: `
+    <div [attr.data-st-component]="componentName" [class]="hostClass">
+      <div
+        class="st-columnRangeChart__visual"
+        role="img"
+        [attr.aria-label]="label"
+        (pointermove)="handleVisualPointerMove($event)"
+        (pointerleave)="handleLeave()"
+      >
+        <svg
+          [attr.viewBox]="viewBox"
+          preserveAspectRatio="xMidYMid meet"
+          width="100%"
+          height="100%"
+          focusable="false"
+          aria-hidden="true"
+        >
+          @for (tick of valueAxisTicks; track tick.value) {
+            @if (!tick.horizontal) {
+              <line class="st-columnRangeChart__grid" [attr.x1]="tick.x1" [attr.x2]="tick.x2" [attr.y1]="tick.y" [attr.y2]="tick.y"></line>
+              <text
+                class="st-columnRangeChart__tickLabel"
+                [attr.x]="margin.left - 6"
+                [attr.y]="tick.y"
+                text-anchor="end"
+                dominant-baseline="middle"
+              >{{ formatTickLabel(tick.value) }}</text>
+            } @else {
+              <line class="st-columnRangeChart__grid" [attr.x1]="tick.x" [attr.x2]="tick.x" [attr.y1]="tick.y1" [attr.y2]="tick.y2"></line>
+              <text
+                class="st-columnRangeChart__tickLabel"
+                [attr.x]="tick.x"
+                [attr.y]="heightValue - margin.bottom + 16"
+                text-anchor="middle"
+              >{{ formatTickLabel(tick.value) }}</text>
+            }
+          }
+
+          <line class="st-columnRangeChart__axis" [attr.x1]="margin.left" [attr.x2]="margin.left" [attr.y1]="margin.top" [attr.y2]="heightValue - margin.bottom"></line>
+          <line class="st-columnRangeChart__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.datum.category) {
+            @if (isVertical) {
+              <text
+                class="st-columnRangeChart__categoryLabel"
+                [attr.x]="bar.x + bar.width / 2"
+                [attr.y]="heightValue - margin.bottom + 16"
+                text-anchor="middle"
+              >{{ bar.datum.category }}</text>
+            } @else {
+              <text
+                class="st-columnRangeChart__categoryLabel"
+                [attr.x]="margin.left - 6"
+                [attr.y]="bar.y + bar.height / 2"
+                text-anchor="end"
+                dominant-baseline="middle"
+              >{{ bar.datum.category }}</text>
+            }
+          }
+
+          @for (bar of bars; track bar.datum.category) {
+            <rect
+              [class]="barClass(bar)"
+              [attr.x]="bar.x"
+              [attr.y]="bar.y"
+              [attr.width]="bar.width"
+              [attr.height]="bar.height"
+              rx="2"
+              [attr.data-chart-index]="bar.index"
+            ></rect>
+          }
+        </svg>
+      </div>
+
+      <ul class="st-chartDataList" [attr.aria-label]="'Data values for ' + label">
+        @for (item of dataValueItems; track $index) {
+          <li>{{ item }}</li>
+        }
+      </ul>
+
+      @if (hoveredBar) {
+        <div
+          class="st-columnRangeChart__tooltip"
+          role="presentation"
+          [style.left]="tooltipLeftPct(hoveredBar)"
+          [style.top]="tooltipTopPct(hoveredBar)"
+        >
+          <span class="st-columnRangeChart__tooltipLabel">{{ hoveredBar.datum.category }}</span>
+          <span class="st-columnRangeChart__tooltipValue">{{ hoveredBar.range.lo }} – {{ hoveredBar.range.hi }}</span>
+        </div>
+      }
+    </div>
+  `, isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: ColumnRangeChart, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "st-column-range-chart",
+                    standalone: true,
+                    template: `
+    <div [attr.data-st-component]="componentName" [class]="hostClass">
+      <div
+        class="st-columnRangeChart__visual"
+        role="img"
+        [attr.aria-label]="label"
+        (pointermove)="handleVisualPointerMove($event)"
+        (pointerleave)="handleLeave()"
+      >
+        <svg
+          [attr.viewBox]="viewBox"
+          preserveAspectRatio="xMidYMid meet"
+          width="100%"
+          height="100%"
+          focusable="false"
+          aria-hidden="true"
+        >
+          @for (tick of valueAxisTicks; track tick.value) {
+            @if (!tick.horizontal) {
+              <line class="st-columnRangeChart__grid" [attr.x1]="tick.x1" [attr.x2]="tick.x2" [attr.y1]="tick.y" [attr.y2]="tick.y"></line>
+              <text
+                class="st-columnRangeChart__tickLabel"
+                [attr.x]="margin.left - 6"
+                [attr.y]="tick.y"
+                text-anchor="end"
+                dominant-baseline="middle"
+              >{{ formatTickLabel(tick.value) }}</text>
+            } @else {
+              <line class="st-columnRangeChart__grid" [attr.x1]="tick.x" [attr.x2]="tick.x" [attr.y1]="tick.y1" [attr.y2]="tick.y2"></line>
+              <text
+                class="st-columnRangeChart__tickLabel"
+                [attr.x]="tick.x"
+                [attr.y]="heightValue - margin.bottom + 16"
+                text-anchor="middle"
+              >{{ formatTickLabel(tick.value) }}</text>
+            }
+          }
+
+          <line class="st-columnRangeChart__axis" [attr.x1]="margin.left" [attr.x2]="margin.left" [attr.y1]="margin.top" [attr.y2]="heightValue - margin.bottom"></line>
+          <line class="st-columnRangeChart__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.datum.category) {
+            @if (isVertical) {
+              <text
+                class="st-columnRangeChart__categoryLabel"
+                [attr.x]="bar.x + bar.width / 2"
+                [attr.y]="heightValue - margin.bottom + 16"
+                text-anchor="middle"
+              >{{ bar.datum.category }}</text>
+            } @else {
+              <text
+                class="st-columnRangeChart__categoryLabel"
+                [attr.x]="margin.left - 6"
+                [attr.y]="bar.y + bar.height / 2"
+                text-anchor="end"
+                dominant-baseline="middle"
+              >{{ bar.datum.category }}</text>
+            }
+          }
+
+          @for (bar of bars; track bar.datum.category) {
+            <rect
+              [class]="barClass(bar)"
+              [attr.x]="bar.x"
+              [attr.y]="bar.y"
+              [attr.width]="bar.width"
+              [attr.height]="bar.height"
+              rx="2"
+              [attr.data-chart-index]="bar.index"
+            ></rect>
+          }
+        </svg>
+      </div>
+
+      <ul class="st-chartDataList" [attr.aria-label]="'Data values for ' + label">
+        @for (item of dataValueItems; track $index) {
+          <li>{{ item }}</li>
+        }
+      </ul>
+
+      @if (hoveredBar) {
+        <div
+          class="st-columnRangeChart__tooltip"
+          role="presentation"
+          [style.left]="tooltipLeftPct(hoveredBar)"
+          [style.top]="tooltipTopPct(hoveredBar)"
+        >
+          <span class="st-columnRangeChart__tooltipLabel">{{ hoveredBar.datum.category }}</span>
+          <span class="st-columnRangeChart__tooltipValue">{{ hoveredBar.range.lo }} – {{ hoveredBar.range.hi }}</span>
+        </div>
+      }
+    </div>
+  `,
+                }]
+        }], propDecorators: { data: [{
+                type: NgInput
+            }], width: [{
+                type: NgInput
+            }], height: [{
+                type: NgInput
+            }], orientation: [{
+                type: NgInput
+            }], label: [{
+                type: NgInput
+            }], domain: [{
+                type: NgInput
+            }], classInput: [{
+                type: NgInput,
+                args: ["class"]
+            }] } });
+//# sourceMappingURL=ColumnRangeChart.js.map

package/dist/ColumnRangeChart.js.map

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

package/dist/ComboChart.d.ts

@@ -0,0 +1,225 @@
+import { type ChartAnnotation, type ResolvedAnnotation } from "./chartAnnotations.js";
+import { type DataLabelsProp } from "./chartDataLabels.js";
+import * as i0 from "@angular/core";
+export type ComboChartTone = "category1" | "category2" | "category3" | "category4" | "category5" | "category6" | "category7" | "category8";
+export type ComboChartBarSeries = {
+    label: string;
+    data: number[];
+    tone?: ComboChartTone;
+};
+export type ComboChartLineSeries = {
+    label: string;
+    data: number[];
+    tone?: ComboChartTone;
+    smooth?: boolean;
+};
+export type ComboChartProps = {
+    categories: string[];
+    bars?: ComboChartBarSeries[];
+    lines?: ComboChartLineSeries[];
+    leftAxisLabel?: string;
+    rightAxisLabel?: string;
+    legend?: boolean;
+    /**
+     * Interactive legend (FR-4). Ids/labels of bar/line series hidden from the
+     * render (controlled by the parent; default = all visible). Hidden series
+     * are omitted and their legend item is shown "off" (`aria-pressed`).
+     * Undefined → legacy non-interactive legend, unless `onToggleSeries` is set.
+     */
+    hiddenSeries?: string[];
+    /** Emitted on click / Enter / Space on a legend item. */
+    onToggleSeries?: (seriesId: string) => void;
+    /**
+     * Annotation overlay in DATA space. The x coordinate is CATEGORICAL — it
+     * matches a category by equality (band centre); the y coordinate (and
+     * `value`/`from`/`to`) are LEFT (bar) value-axis numbers. Regions render
+     * behind the bars, every other kind above. Additive: absent ⇒ unchanged.
+     */
+    annotations?: ChartAnnotation[];
+    /**
+     * Per-datum value labels on BOTH the bars and the line points. `false`/absent
+     * (default) → none. `true` → each value with the chart's numeric formatter.
+     * Object → `format(value)` and/or a `position` override. Labels are
+     * `aria-hidden` — the values already live in the accessible ChartDataList.
+     */
+    dataLabels?: DataLabelsProp;
+    /**
+     * CONTROLLED synchronised hover key (FR-3). The key is the CATEGORY string.
+     * When provided (string or null), the crosshair tracks this key instead of the
+     * chart's internal pointer hover (null ⇒ nothing shown). Absent keeps the
+     * legacy uncontrolled behaviour.
+     */
+    hoverKey?: string | null;
+    /** Emitted when the user hovers a bar/point (its CATEGORY) or leaves (`null`). */
+    onHoverKeyChange?: (key: string | null) => void;
+    /**
+     * FR-5 — keyboard navigation of the categories (roving tabindex). When `true`
+     * (or implied by wiring `onSelectKey`), a focusable overlay of one column per
+     * category is rendered: one tab stop, arrows move, Home/End jump, Enter/Space
+     * select, Escape leaves. Absent ⇒ no overlay, rendering unchanged.
+     */
+    keyboardNav?: boolean;
+    /** Emitted on Enter/Space (category) or `null` on Escape. */
+    onSelectKey?: (key: string | null) => void;
+    width?: number;
+    height?: number;
+    label: string;
+    class?: string;
+};
+type BarSegment = {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+    cx: number;
+    cy: number;
+    value: number;
+    seriesLabel: string;
+    category: string;
+    si: number;
+    gi: number;
+    tone: string;
+};
+type LineSeriesGeom = {
+    path: string;
+    points: Array<{
+        x: number;
+        y: number;
+        value: number;
+        category: string;
+        pi: number;
+    }>;
+    seriesLabel: string;
+    hidden: boolean;
+    tone: string;
+    li: number;
+};
+type LegendItem = {
+    key: string;
+    label: string;
+    tone: string;
+    kind: "bar" | "line";
+};
+type DataLabelItem = {
+    key: string;
+    x: number;
+    y: number;
+    text: string;
+    baseline: "middle" | "auto";
+};
+type AnnotationRegion = Extract<ResolvedAnnotation, {
+    kind: "region";
+}>;
+type AnnotationLine = Extract<ResolvedAnnotation, {
+    kind: "line";
+}>;
+type AnnotationShape = Extract<ResolvedAnnotation, {
+    kind: "shape";
+}>;
+type AnnotationPoint = Extract<ResolvedAnnotation, {
+    kind: "point";
+}>;
+type AnnotationLabel = Extract<ResolvedAnnotation, {
+    kind: "label";
+}>;
+type AnnotationAbove = AnnotationLine | AnnotationShape | AnnotationPoint | AnnotationLabel;
+export declare class ComboChart {
+    static readonly stComponentName = "ComboChart";
+    readonly componentName = "ComboChart";
+    readonly margin: {
+        readonly top: 12;
+        readonly right: 52;
+        readonly bottom: 32;
+        readonly left: 52;
+    };
+    private navDatumElements?;
+    private hovered;
+    private focusedIndex;
+    categories: string[];
+    bars?: ComboChartBarSeries[];
+    lines?: ComboChartLineSeries[];
+    leftAxisLabel?: string;
+    rightAxisLabel?: string;
+    legend?: boolean;
+    hiddenSeries?: string[];
+    onToggleSeries?: (seriesId: string) => void;
+    annotations?: ChartAnnotation[];
+    dataLabels?: DataLabelsProp;
+    hoverKey?: string | null;
+    onHoverKeyChange?: (key: string | null) => void;
+    keyboardNav?: boolean;
+    onSelectKey?: (key: string | null) => void;
+    width?: number;
+    height?: number;
+    label: string;
+    classInput?: string;
+    get hostClass(): string;
+    get widthValue(): number;
+    get heightValue(): number;
+    get viewBox(): string;
+    get plotWidth(): number;
+    get plotHeight(): number;
+    get safeCategories(): string[];
+    get hiddenSet(): Set<string>;
+    get legendInteractive(): boolean;
+    get showLegend(): boolean;
+    get leftScale(): {
+        ticks: number[];
+        domainMin: number;
+        domainMax: number;
+    };
+    get rightScale(): {
+        ticks: number[];
+        domainMin: number;
+        domainMax: number;
+    };
+    bandCenter(i: number): number;
+    private isPresent;
+    get barGroups(): BarSegment[][];
+    get lineSeriesGeom(): LineSeriesGeom[];
+    get leftGridLines(): Array<{
+        value: number;
+        y: number;
+    }>;
+    get rightTickEntries(): Array<{
+        value: number;
+        y: number;
+    }>;
+    get legendItems(): LegendItem[];
+    legendItemClass(item: LegendItem): string;
+    get resolvedAnnotations(): ResolvedAnnotation[];
+    get annotationRegions(): AnnotationRegion[];
+    get annotationAbove(): AnnotationAbove[];
+    annotationLineLabelX(a: AnnotationLine): number;
+    annotationLineLabelY(a: AnnotationLine): number;
+    annotationShapePoints(a: AnnotationShape): string;
+    get dataLabelOpts(): import("./chartDataLabels.js").DataLabelsOptions;
+    get barDataLabelItems(): DataLabelItem[];
+    get lineDataLabelItems(): DataLabelItem[];
+    get dataValueItems(): string[];
+    get hoverKeys(): string[];
+    get internalCategoryIndex(): number | null;
+    get activeCategoryIndex(): number;
+    get crosshairX(): number | null;
+    get tooltip(): {
+        cx: number;
+        cy: number;
+        label: string;
+        value: number;
+    } | null;
+    get navEnabled(): boolean;
+    private categorySummary;
+    rovingTabIndexFor(index: number): number;
+    datapointAriaLabelFor(ci: number): string;
+    private emitHoverKey;
+    handleLeave(): void;
+    handleVisualPointerMove(event: PointerEvent): void;
+    handleDatapointFocus(index: number): void;
+    private focusDatum;
+    handleDatapointKeyDown(event: KeyboardEvent, index: number): void;
+    formatTickLabel(value: number): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ComboChart, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ComboChart, "st-combo-chart", never, { "categories": { "alias": "categories"; "required": false; }; "bars": { "alias": "bars"; "required": false; }; "lines": { "alias": "lines"; "required": false; }; "leftAxisLabel": { "alias": "leftAxisLabel"; "required": false; }; "rightAxisLabel": { "alias": "rightAxisLabel"; "required": false; }; "legend": { "alias": "legend"; "required": false; }; "hiddenSeries": { "alias": "hiddenSeries"; "required": false; }; "onToggleSeries": { "alias": "onToggleSeries"; "required": false; }; "annotations": { "alias": "annotations"; "required": false; }; "dataLabels": { "alias": "dataLabels"; "required": false; }; "hoverKey": { "alias": "hoverKey"; "required": false; }; "onHoverKeyChange": { "alias": "onHoverKeyChange"; "required": false; }; "keyboardNav": { "alias": "keyboardNav"; "required": false; }; "onSelectKey": { "alias": "onSelectKey"; "required": false; }; "width": { "alias": "width"; "required": false; }; "height": { "alias": "height"; "required": false; }; "label": { "alias": "label"; "required": false; }; "classInput": { "alias": "class"; "required": false; }; }, {}, never, never, true, never>;
+}
+export {};
+//# sourceMappingURL=ComboChart.d.ts.map

package/dist/ComboChart.d.ts.map

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