stream-charts 1.2.0 → 2.0.0

package/src/app/charts/utils.ts

@@ -1,6 +1,5 @@
-import {Dimensions, Margin} from "./styling/margins"
+import type {Dimensions, Margin} from "./styling/margins"
 import * as d3 from "d3";
-import {Selection} from "d3";
 
 /**
  * No operation function for use when a default function is needed
@@ -14,7 +13,7 @@ export const noop = () => {
  * @param x The x-coordinate of the mouse's position
  * @param y The y-coordinate of the mouse's position
  * @param margin The plot margins
- * @param dimensions The the overall dimensions (plot dimensions plus margin)
+ * @param dimensions The overall dimensions (plot dimensions plus margin)
  * @return `true` if the mouse is in the plot area; `false` if the mouse is not in the plot area
  */
 export function mouseInPlotAreaFor(x: number, y: number, margin: Margin, dimensions: Dimensions): boolean {
@@ -25,85 +24,128 @@ export function mouseInPlotAreaFor(x: number, y: number, margin: Margin, dimensi
 }
 
 /**
- * Calculates the width of an SVG text element, based on its bounding box
- * @param elem The SVG text element
- * @return The width in pixels, or 0 if SVG text element has not children
- */
-export function textWidthOf(elem: Selection<SVGTextElement, any, any, any>): number {
-    return elem.node()?.getBBox()?.width || 0
-}
-
-/**
- * Type for representing the dimensions and location of the bounding box for an
- * SVG text element.
+ * The dimensions (and location) of a text's bounding box. `x`/`y` are always `0` for canvas
+ * text, which `measureText` measures from its own origin.
  */
 export type BoundingBox = { x: number, y: number, width: number, height: number }
 
 /**
- * @return An empty bounding box with x, y, width, height set to 0.
+ * Measures the width and height (its ascent plus descent) of `text` as it would be rendered with
+ * the font currently set on the context.
+ * @param context The canvas 2D context; its `.font` must already be set to the font to measure with
+ * @param text The text to measure
+ * @return The bounding box for the text (`x`/`y` are always `0`)
  */
-export function emptyBoundingBox(): BoundingBox {
-    return {x: 0, y: 0, width: 0, height: 0}
+export function textDimensions(context: CanvasRenderingContext2D, text: string): BoundingBox {
+    const metrics = context.measureText(text)
+    const ascent = metrics.actualBoundingBoxAscent ?? metrics.fontBoundingBoxAscent ?? 0
+    const descent = metrics.actualBoundingBoxDescent ?? metrics.fontBoundingBoxDescent ?? 0
+    return {
+        x: 0,
+        y: 0,
+        width: metrics.width || 0,
+        height: ascent + descent
+    }
 }
 
 /**
- * Calculates the width and height of the text element
- * @param elem The SVG text element
- * @return The width and height of the bounding box
+ * Builds a CSS font shorthand string suitable for assigning to `ctx.font`.
+ * @param size The font size, in pixels
+ * @param family The font family (e.g. `'sans-serif'`)
+ * @param weight The font weight (e.g. `300`)
+ * @return The font string (e.g. `"300 12px sans-serif"`)
  */
-export function textDimensions(elem: Selection<SVGTextElement, any, any, any>): BoundingBox {
-    const boundingBox = elem.node()?.getBBox()
-    return {
-        width: boundingBox?.width || 0,
-        height: boundingBox?.height || 0,
-        x: boundingBox?.x || 0,
-        y: boundingBox?.y || 0
-    }
+export function fontStringFor(size: number, family: string, weight: number): string {
+    return `${weight} ${size}px ${family}`
 }
 
+/**
+ * Formats a number with a d3 format specifier
+ * @param value The number
+ * @param format The d3 format specifier (e.g. `" ,.3f"`)
+ * @return The formatted number, or `"---"` when the number is `NaN`
+ */
 export function formatNumber(value: number, format: string): string {
     return isNaN(value) ? '---' : d3.format(format)(value)
 }
 
+/**
+ * Formats a time as a whole number, with thousands separators, followed by the units
+ * @param value The time
+ * @param [units=""] The units (e.g. `"ms"`), appended after a space (unless the time is `NaN`)
+ * @return The formatted time, or `"---"` when the time is `NaN`
+ */
 export function formatTime(value: number, units: string = ""): string {
     return `${formatNumber(value, " ,.0f")}${!isNaN(value) && units ? ` ${units}` : ""}`
 }
 
+/**
+ * Formats a value with three decimal places, and thousands separators
+ * @param value The value
+ * @return The formatted value, or `"---"` when the value is `NaN`
+ */
 export function formatValue(value: number): string {
     return formatNumber(value, " ,.3f")
 }
 
+/**
+ * Formats the change from one number to another (`v2 - v1`) with a d3 format specifier
+ * @param v1 The number before
+ * @param v2 The number after
+ * @param format The d3 format specifier (e.g. `" ,.3f"`)
+ * @return The formatted change, or `"---"` when either number is `NaN`
+ */
 export function formatChange(v1: number, v2: number, format: string): string {
     return isNaN(v1) || isNaN(v2) ? '---' : d3.format(format)(v2 - v1)
 }
 
+/**
+ * Formats the change from one time to another (`v2 - v1`) as a whole number, with thousands separators
+ * @param v1 The time before
+ * @param v2 The time after
+ * @return The formatted change, or `"---"` when either time is `NaN`
+ */
 export function formatTimeChange(v1: number, v2: number): string {
     return formatChange(v1, v2, " ,.0f")
 }
 
+/**
+ * Formats the change from one value to another (`v2 - v1`) with three decimal places, and
+ * thousands separators
+ * @param v1 The value before
+ * @param v2 The value after
+ * @return The formatted change, or `"---"` when either value is `NaN`
+ */
 export function formatValueChange(v1: number, v2: number): string {
     return formatChange(v1, v2, " ,.3f")
 }
 
 /**
- * Calculates the (min, max) of all the values (from the accessor) in the data matrix, clamped by the global
- * (currentMin, currentMax).
- *
- * Curried function that accepts an accessor used to grab the value from the data point, and array of (x, y) values
- * (each (x, y) value is represented as [number, number] tuple), and a global, current min and max values. The
- * global, current min and max clamp the calculated min and max values.
- * @param accessor Access function that accepts a datum and returns the value which to use in the min-max calc
- * @return A function that accepts data (represented as a matrix of (x, y) pairs, where each row is a data series),
- * a global currentMin and currentMax, which clamp the calculated results. The function return a tuple holding the
- * min as the first value and the max as the second value.
- * @example
- * // function that calculates the min-max of the y-values generated by calling the minMaxOf and handing it the
- * // accessor function that grabs the y-value from the datum
- * const minMaxTimeSeriesY: (data: Array<TimeSeries>, currentMinMax: [number, number]) => [number, number] =
- minMaxOf((datum: [number, number]): number => datum[1])
+ * Finds the index of the first element whose x-value (per `xFrom`) is `>= value`, in a
+ * time-ordered (ascending) array-like collection, via binary search. Used to cheaply skip
+ * retained-but-off-screen data before doing per-point work (scaling, segment building) in a
+ * plot's draw function -- retained data (governed by `dropDataAfter`) is often much larger than
+ * what's actually visible in the current axis domain (a scrolling window), so iterating the full
+ * retained array every frame does a lot of work whose result is immediately discarded as
+ * off-screen. Finding the visible slice's start index up front makes per-frame cost scale with
+ * what's on screen, not with how much history is retained.
+ * @param data An array-like collection (supports `.length` and index access), sorted ascending by `xFrom`
+ * @param value The x-value to search for
+ * @param xFrom A function that extracts the x-value from an element
+ * @return The index of the first element with `xFrom(element) >= value`, or `data.length` if
+ * every element is before `value`
+ * @template D The type of the elements in `data`
  */
-export const minMaxOf = <T>(accessor: (v: T) => number) =>
-    (data: Array<Array<T>>, currentMinMax: [number, number]): [number, number] => [
-        Math.min(d3.min(data, series => d3.min(series, datum => accessor(datum))) || 0, currentMinMax[0]),
-        Math.max(d3.max(data, series => d3.max(series, datum => accessor(datum))) || 1, currentMinMax[1])
-    ]
+export function firstIndexAtOrAfter<D>(data: {length: number, [index: number]: D}, value: number, xFrom: (datum: D) => number): number {
+    let lo = 0
+    let hi = data.length
+    while (lo < hi) {
+        const mid = (lo + hi) >>> 1
+        if (xFrom(data[mid]) < value) {
+            lo = mid + 1
+        } else {
+            hi = mid
+        }
+    }
+    return lo
+}

package/src/index.ts

@@ -1,322 +1,2 @@
-export {Chart} from './app/charts/Chart'
-
-export {
-    type AxisElementSelection,
-    type SvgSelection,
-    type GSelection,
-    type LineSelection,
-    type TextSelection,
-    type RadialMagnifierSelection,
-    type BarMagnifierSelection,
-    type MagnifierTextSelection,
-    type TrackerSelection
-} from './app/charts/d3types'
-
-export {
-    noop,
-    mouseInPlotAreaFor,
-    textWidthOf,
-    textDimensions,
-    formatNumber, formatTime, formatValue, formatChange, formatTimeChange, formatValueChange,
-    minMaxOf
-} from './app/charts/utils'
-
-//
-// axes
-//
-
-export {
-    type AxisTickStyle, defaultAxisTickStyle,
-    type AxesFont, defaultAxesFont,
-    type SeriesStyle,
-    type SeriesLineStyle, defaultLineStyle,
-    type BaseAxis, type ContinuousNumericAxis, type OrdinalStringAxis,
-    AxisLocation,
-    addOrdinalStringAxis,
-    labelIdFor,
-    type ZoomResult,
-    calculateOrdinalConstrainedZoomFor, calculateConstrainedZoomFor,
-    ordinalAxisZoomHandler, axesZoomHandler,
-    calculatePanFor, panHandler, panHandler2D,
-    axesForSeriesGen,
-    continuousAxisRanges, continuousAxisIntervals, continuousRange
-} from './app/charts/axes/axes'
-
-export {AxisInterval} from './app/charts/axes/AxisInterval'
-
-export {
-    ContinuousAxis,
-} from './app/charts/axes/ContinuousAxis'
-
-export {
-    type ContinuousAxisRange,
-} from './app/charts/axes/ContinuousAxisRange'
-
-export {
-    OrdinalAxis,
-} from './app/charts/axes/OrdinalAxis'
-
-export {
-    type OrdinalAxisRange,
-} from './app/charts/axes/OrdinalAxisRange'
-
-export {
-    EmptyAxis,
-} from './app/charts/axes/EmptyAxis'
-
-//
-// filters
-//
-
-export {
-    regexFilter
-} from './app/charts/filters/regexFilter'
-
-//
-// hooks
-//
-
-export {
-    type AxesState,
-} from './app/charts/axes/AxesState'
-
-export {
-    useAxes,
-    type UseAxesValues, defaultAxesValues,
-} from './app/charts/hooks/useAxes'
-
-export {
-    useChart,
-    type NoTooltipMetadata,
-    type UseChartValues,
-} from './app/charts/hooks/useChart'
-
-export {
-    useDataObservable,
-    type UseObservableValues,
-} from './app/charts/hooks/useDataObservable'
-
-export {
-    useInitialData,
-    type UseInitialDataValues,
-} from './app/charts/hooks/useInitialData'
-
-export {
-    useMouse,
-    type UseMouseValues, defaultMouseValues,
-} from './app/charts/hooks/useMouse'
-
-export {
-    usePlotDimensions,
-    type UsePlotDimensionsValues, defaultPlotDimensions,
-    defaultMargin,
-} from './app/charts/hooks/usePlotDimensions'
-
-export {
-    useTooltip,
-    type UseTooltipValues, defaultTooltipValues,
-    type TooltipData,
-    type TooltipContentProvider,
-} from './app/charts/hooks/useTooltip'
-
-//
-// observables
-//
-//
-
-export {
-    type ChartData, defaultChartData,
-    copyChartData
-} from './app/charts/observables/ChartData'
-
-export {
-    type IterateChartData,
-    copyIterateDataFrom,
-    iteratesObservable
-} from './app/charts/observables/iterates'
-
-export {
-    ordinalsObservable,
-    type OrdinalChartData,
-    type OrdinalStats, defaultOrdinalStats,
-    type OrdinalValueStats, defaultOrdinalValueStats,
-    type OrdinalDatumExtremum,
-    initialMinValueDatum, initialMaxValueDatum,
-    initialMinTimeDatum, initialMaxTimeDatum,
-    valueStatusDatumOfDefault,
-    isDefaultValueStatsDatum,
-    copyOrdinalDataFrom, copyOrdinalStats, copyOrdinalValueStats,
-    copyValueStatsForSeries, copyOrdinalDatumExtremum,
-} from './app/charts/observables/ordinals'
-
-//
-// plots
-//
-
-export {
-    type Series,
-    createPlotContainer,
-    type AxesAssignment,
-    setClipPathG,
-    assignAxes
-} from './app/charts/plots/plot'
-
-export {
-    BarPlot,
-} from './app/charts/plots/BarPlot'
-
-export {
-    NoCurveFactory,
-    PoincarePlot,
-} from './app/charts/plots/PoincarePlot'
-
-export {
-    RasterPlot,
-} from './app/charts/plots/RasterPlot'
-
-export {
-    ScatterPlot,
-} from './app/charts/plots/ScatterPlot'
-
-//
-// series
-//
-export {
-    type BaseSeries,
-    seriesFrom,
-    emptySeries,
-    emptySeriesFor
-} from './app/charts/series/baseSeries'
-
-export {
-    type IterateDatum, emptyIterateDatum, iterateDatumOf, nonEmptyIterateDatum,
-    type IterateSeries,
-    iterateSeriesFromTuples,
-} from './app/charts/series/iterateSeries'
-
-export {
-    type OrdinalDatum, emptyOrdinalDatum, copyOrdinalDatum, ordinalDatumOf, nonEmptyOrdinalDatum,
-    type OrdinalSeries,
-    ordinateSeriesFromTuples,
-    initialOrdinalChartData,
-} from './app/charts/series/ordinalSeries'
-
-export {
-    type TimeSeriesChartData,
-    emptyTimeSeriesChartData,
-    initialTimeSeriesChartData,
-} from './app/charts/series/timeSeriesChartData'
-
-export {
-    type Datum,
-    datumOf,
-    emptyDatum,
-    type TimeSeries,
-    timeSeriesFromTuples,
-    type PixelDatum
-} from './app/charts/series/timeSeries'
-
-//
-// styling
-//
-
-export {
-    type BarSeriesStyle, type BarStyle, type LineStyle,
-    defaultBarSeriesStyle,
-    defaultMinMaxBarStyle, defaultWindowedMinMaxBarStyle, defaultWindowedMeanValueLineStyle,
-    defaultValueLineStyle, defaultMeanValueLineStyle
-} from './app/charts/styling/barPlotStyle'
-
-export {
-    type Margin,
-    noMargins,
-    type Dimensions,
-    plotDimensionsFrom, containerDimensionsFrom
-} from './app/charts/styling/margins'
-
-export {
-    type SvgStyle, initialSvgStyle,
-    grabWidth, grabHeight,
-    type SvgStrokeStyle,
-    STROKE_COLOR, STROKE_WIDTH, STROKE_OPACITY,
-    updateSvgStrokeColor, updateSvgStrokeWidth, updateSvgStrokeOpacity, applyStrokeStylesTo,
-    type SvgFillStyle,
-    updateSvgFillColor, updateSvgFillOpacity, applyFillStylesTo
-
-} from './app/charts/styling/svgStyle'
-
-//
-// subscriptions
-//
-
-export {
-    TimeWindowBehavior,
-    subscriptionTimeSeriesFor, subscriptionTimeSeriesWithCadenceFor,
-    subscriptionIteratesFor,
-    type WindowedOrdinalStats,
-    subscriptionOrdinalXFor
-} from './app/charts/subscriptions/subscriptions'
-
-//
-// tooltips
-//
-
-export {
-    BarPlotTooltipContent,
-} from './app/charts/tooltips/BarPlotTooltipContent'
-
-export {
-    PoincarePlotTooltipContent,
-} from './app/charts/tooltips/PoincarePlotTooltipContent'
-
-export {
-    RasterPlotTooltipContent,
-} from './app/charts/tooltips/RasterPlotTooltipContent'
-
-export {
-    ScatterPlotTooltipContent,
-} from './app/charts/tooltips/ScatterPlotTooltipContent'
-
-export {
-    Tooltip,
-} from './app/charts/tooltips/Tooltip'
-
-export {
-    type TooltipStyle, defaultTooltipStyle,
-    type TooltipDimensions,
-    removeTooltip,
-    tooltipX, tooltipY,
-    categoryTooltipY,
-    boundingPoints,
-    findPointAndNeighbors
-} from './app/charts/tooltips/tooltipUtils'
-
-//
-// trackers
-//
-
-export {
-    type TrackerAxisInfo,
-    type TrackerAxisUpdate,
-    TrackerLabelLocation,
-    Tracker,
-} from './app/charts/trackers/Tracker'
-
-export {
-    type TrackerLabelFont, defaultTrackerLabelFont,
-    type TrackerStyle, defaultTrackerStyle,
-    trackerControlInstance,
-    removeTrackerControl,
-} from './app/charts/trackers/trackerUtils'
-
-
-//
-// legend
-//
-
-export {
-    Legend,
-    defaultLegendStyle,
-    LegendLocation,
-    type LegendStyle
-} from './app/charts/legends/Legend'
+// the public API lives in app/charts/index.ts
+export * from './app/charts'

package/dist/app/charts/axes/AxesState.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/app/charts/axes/AxesState.test.js

@@ -1,30 +0,0 @@
-import { AxesState } from "./AxesState";
-import { AxisLocation } from "./axes";
-describe('AxesState', () => {
-    describe('creating axes-state', () => {
-        it('should create an empty axes state', () => {
-            expect(AxesState.empty().isEmpty()).toBe(true);
-        });
-        it('should create an axes state with one axis', () => {
-            const axis = {
-                axisId: 'new-axis',
-                location: AxisLocation.Bottom,
-                selection: undefined
-            };
-            const axesState = AxesState.from(new Map([['new-added-axis', axis]]));
-            expect(axesState.isEmpty()).toBe(false);
-        });
-        it('should be able to start with an empty axes state and add to it', () => {
-            const axesState = AxesState.empty();
-            expect(axesState.isEmpty()).toBe(true);
-            const axis = {
-                axisId: 'new-axis',
-                location: AxisLocation.Bottom,
-                selection: undefined
-            };
-            const updatedAxesState = axesState.addAxis(axis, 'new-added-axis');
-            expect(updatedAxesState.isEmpty()).toBe(false);
-        });
-    });
-});
-//# sourceMappingURL=AxesState.test.js.map

package/dist/app/charts/axes/AxesState.test.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AxesState.test.js","sourceRoot":"","sources":["../../../../src/app/charts/axes/AxesState.test.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAC,MAAM,aAAa,CAAC;AACtC,OAAO,EAAC,YAAY,EAAW,MAAM,QAAQ,CAAC;AAG9C,QAAQ,CAAC,WAAW,EAAE,GAAG,EAAE;IACvB,QAAQ,CAAC,qBAAqB,EAAE,GAAG,EAAE;QACjC,EAAE,CAAC,mCAAmC,EAAE,GAAG,EAAE;YACzC,MAAM,CAAC,SAAS,CAAC,KAAK,EAAY,CAAC,OAAO,EAAE,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;QAC5D,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,2CAA2C,EAAE,GAAG,EAAE;YACjD,MAAM,IAAI,GAAa;gBACnB,MAAM,EAAE,UAAU;gBAClB,QAAQ,EAAE,YAAY,CAAC,MAAM;gBAC7B,SAAS,EAAE,SAA4C;aAC1D,CAAA;YACD,MAAM,SAAS,GAAG,SAAS,CAAC,IAAI,CAAW,IAAI,GAAG,CAAC,CAAC,CAAC,gBAAgB,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC;YAChF,MAAM,CAAC,SAAS,CAAC,OAAO,EAAE,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QAC5C,CAAC,CAAC,CAAA;QAEF,EAAE,CAAC,gEAAgE,EAAE,GAAG,EAAE;YACtE,MAAM,SAAS,GAAG,SAAS,CAAC,KAAK,EAAY,CAAC;YAC9C,MAAM,CAAC,SAAS,CAAC,OAAO,EAAE,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;YAEvC,MAAM,IAAI,GAAa;gBACnB,MAAM,EAAE,UAAU;gBAClB,QAAQ,EAAE,YAAY,CAAC,MAAM;gBAC7B,SAAS,EAAE,SAA4C;aAC1D,CAAA;YACD,MAAM,gBAAgB,GAAG,SAAS,CAAC,OAAO,CAAC,IAAI,EAAE,gBAAgB,CAAC,CAAC;YACnE,MAAM,CAAC,gBAAgB,CAAC,OAAO,EAAE,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QACnD,CAAC,CAAC,CAAA;IACN,CAAC,CAAC,CAAA;AACN,CAAC,CAAC,CAAA"}

package/dist/app/charts/axes/AxisInterval.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/app/charts/axes/AxisInterval.test.js

@@ -1,120 +0,0 @@
-import { AxisInterval, copyRangeMap } from "./AxisInterval";
-describe('AxisInterval', () => {
-    describe('AxisInterval creation', () => {
-        it('should create an AxisInterval with valid start and end values', () => {
-            const interval = AxisInterval.from(1, 5);
-            expect(interval.start).toBe(1);
-            expect(interval.end).toBe(5);
-        });
-        it('should create an AxisInterval with correct start and end when the start is greater than the end', () => {
-            const interval = AxisInterval.from(5, 1);
-            expect(interval.start).toBe(1);
-            expect(interval.end).toBe(5);
-        });
-        it('should create an AxisInterval from a tuple holding start and end values', () => {
-            const interval = AxisInterval.as([1, 5]);
-            expect(interval.start).toBe(1);
-            expect(interval.end).toBe(5);
-        });
-        it('should create an empty AxisInterval', () => {
-            const interval = AxisInterval.empty();
-            expect(interval.start).toBeNaN();
-            expect(interval.end).toBeNaN();
-        });
-        it('should create an empty AxisInterval with start and end NaN', () => {
-            const interval = AxisInterval.from(NaN, NaN);
-            expect(interval.start).toBeNaN();
-            expect(interval.end).toBeNaN();
-        });
-        it('should create a new copy of an existing AxisInterval', () => {
-            const interval = AxisInterval.from(1, 5);
-            const copy = interval.copy();
-            expect(copy.start).toBe(1);
-            expect(copy.end).toBe(5);
-            expect(copy).not.toBe(interval);
-        });
-    });
-    describe('AxisInterval comparison', () => {
-        const interval1 = AxisInterval.from(1, 5);
-        const interval2 = AxisInterval.from(1, 5);
-        const interval3 = AxisInterval.from(2, 5);
-        const emptyInterval = AxisInterval.empty();
-        it('should return true when comparing two AxisIntervals with the same start and end values', () => {
-            expect(interval1.equals(interval2)).toBe(true);
-            expect(interval1.equalsInterval(1, 5)).toBe(true);
-        });
-        it('should return not-equal when comparing two AxisIntervals with different start and end values', () => {
-            expect(interval1.equals(interval3)).toBe(false);
-            expect(interval1.equalsInterval(1, 3)).toBe(false);
-        });
-        it('should return true when comparing two empty intervals', () => {
-            expect(AxisInterval.empty().equals(emptyInterval)).toBe(true);
-        });
-    });
-    describe('AxisInterval conversion', () => {
-        it('should convert an AxisInterval to a tuple', () => {
-            const interval = AxisInterval.from(1, 5);
-            const tuple = interval.asTuple();
-            expect(tuple).toEqual([1, 5]);
-        });
-        it('should map an AxisInterval to a new AxisInterval', () => {
-            const interval = AxisInterval.from(1, 5);
-            const mappedInterval = interval.map((start, end) => ([start * 2, end * 3]));
-            expect(mappedInterval.start).toBe(2);
-            expect(mappedInterval.end).toBe(15);
-            expect(mappedInterval).not.toBe(interval);
-        });
-        it('should calculate the measure of an AxisInterval', () => {
-            const interval = AxisInterval.from(1, 5);
-            expect(interval.measure()).toBe(4);
-        });
-        it('should calculate the measure of an empty AxisInterval', () => {
-            const interval = AxisInterval.empty();
-            expect(interval.measure()).toBe(0);
-        });
-        it('should translate the start of the AxisInterval', () => {
-            const interval = AxisInterval.from(1, 5);
-            const translatedInterval = interval.translateStart(12);
-            expect(translatedInterval.start).toBe(5);
-            expect(translatedInterval.end).toBe(13);
-            expect(translatedInterval).not.toBe(interval);
-        });
-        it('should translate the start of an empty interval into an empty interval', () => {
-            expect(AxisInterval.empty().translateStart(12)).toEqual(AxisInterval.empty());
-        });
-        it('should translate the end of the AxisInterval', () => {
-            const interval = AxisInterval.from(1, 5);
-            const translatedInterval = interval.translateEnd(-12);
-            expect(translatedInterval.start).toBe(-7);
-            expect(translatedInterval.end).toBe(1);
-            expect(translatedInterval).not.toBe(interval);
-        });
-        it('should translate the end of an empty interval into an empty interval', () => {
-            expect(AxisInterval.empty().translateEnd(12)).toEqual(AxisInterval.empty());
-        });
-        it('should translate an AxisInterval', () => {
-            const interval = AxisInterval.from(1, 5);
-            const translatedInterval = interval.translate(-12);
-            expect(translatedInterval.start).toBe(-11);
-            expect(translatedInterval.end).toBe(-7);
-            expect(translatedInterval).not.toBe(interval);
-        });
-        it('should translate an empty interval into an empty interval', () => {
-            expect(AxisInterval.empty().translate(12)).toEqual(AxisInterval.empty());
-        });
-    });
-    describe('Copy a range map', () => {
-        it('should create a copy of a range map', () => {
-            const ranges = new Map([
-                ['a', AxisInterval.from(1, 5)],
-                ['b', AxisInterval.from(10, 20)]
-            ]);
-            const copy = copyRangeMap(ranges);
-            expect(copy).not.toBe(ranges);
-            expect(copy.size).toBe(ranges.size);
-            expect(copy.get('a')).toEqual(ranges.get('a'));
-            expect(copy.get('b')).toEqual(ranges.get('b'));
-        });
-    });
-});
-//# sourceMappingURL=AxisInterval.test.js.map