@data-vision/interactive-chart 0.0.8

package/build/heatmap.cjs

@@ -0,0 +1 @@
+"use strict";const e=require("./heatmap-BlMqliH5.cjs");require("./chart-Dr9ZOezr.cjs");module.exports=e.HeatMap;

package/build/heatmap.d.ts

@@ -0,0 +1,91 @@
+import { Dragable, Point } from './base';
+import type { Edge, RangeValue, InteractEvent, DragUpdateContext, CSSProperties } from './type';
+interface Config {
+    xUnit: string;
+    gridColor: string;
+    textColor: string;
+    accentColor: string;
+    fontSize: number;
+    cropStyle: CSSProperties;
+    tooltipStyle: CSSProperties;
+    maxCacheSize: number;
+    legend: boolean;
+    grid: Edge;
+}
+declare class HeatMap extends Dragable<RangeValue> {
+    private root;
+    private resizeObserver;
+    private dpr;
+    private canvasContainer;
+    private canvas;
+    static version: string;
+    static config: Config;
+    private width;
+    private height;
+    private context;
+    private dataCache;
+    private dataLength;
+    private precision;
+    private cropMode;
+    private cropOrigin;
+    private cropOffset;
+    private gradient;
+    private brush;
+    private legend;
+    private tooltip;
+    private crop;
+    private crosshair;
+    private grid;
+    private static defaultRange;
+    private static defaultDataRange;
+    static xMinScale: number;
+    static xMaxScale: number;
+    static axisXScaleOffset: Point;
+    static axisYScaleOffset: Point;
+    private static brushHeight;
+    private range;
+    private dataRange;
+    private raf;
+    constructor(root: HTMLElement);
+    get $root(): HTMLElement;
+    get $canvas(): HTMLCanvasElement;
+    private updateGrid;
+    private get maxCacheSize();
+    private get drawRatio();
+    private brushLabelFrom;
+    private brushLabelTo;
+    reset(): void;
+    private setCursor;
+    protected getOffset(event: InteractEvent): Point;
+    onStart(event: InteractEvent): void;
+    onUpdate({ value, delta }: DragUpdateContext<RangeValue>): RangeValue;
+    private get scale();
+    private get cropRange();
+    private updateCrop;
+    onEnd(): void;
+    protected get rect(): Point;
+    protected get drawWidth(): number;
+    protected get drawHeight(): number;
+    private get pointRange();
+    private onBrushValueChange;
+    private onLegendValueChange;
+    setDataLength(value: number): void;
+    setPrecision(value: number): void;
+    setData(data: Uint8ClampedArray): void;
+    setDataFilter([min, max]: RangeValue): void;
+    private updateDraw;
+    private drawAxisX;
+    private drawScaleX;
+    private drawAxisY;
+    private drawScaleY;
+    private onMouseMove;
+    private onMouseLeave;
+    private onDblClick;
+    private onDprChange;
+    private initCanvas;
+    private updateCanvas;
+    private onResize;
+    resize(): void;
+    dispose(): void;
+}
+export default HeatMap;

package/build/heatmap.js

@@ -0,0 +1,5 @@
+import { H as a } from "./heatmap-Br4YjrBg.js";
+import "./chart-Cj4Fiwnb.js";
+export {
+  a as default
+};

package/build/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./heatmap-BlMqliH5.cjs"),a=require("./line.cjs"),o=require("./bar.cjs"),t=require("./otdr.cjs"),e=require("./chart-Dr9ZOezr.cjs");exports.Gradient=r.Gradient;exports.HeatMap=r.HeatMap;exports.RgbColor=r.RgbColor;exports.Line=a.default;exports.Bar=o.default;Object.defineProperty(exports,"MeasureMode",{enumerable:!0,get:()=>t.MeasureMode});exports.Otdr=t.default;exports.Chart=e.Chart;exports.ControlType=e.ControlType;exports.Dragable=e.Dragable;exports.DragableThumb=e.DragableThumb;exports.Field=e.Field;exports.Point=e.Point;

package/build/index.d.ts

@@ -0,0 +1,7 @@
+export { default as HeatMap } from './heatmap';
+export type * from './heatmap';
+export { default as Line } from './line';
+export { default as Bar } from './bar';
+export { default as Otdr, MeasureMode, type OtdrEvent, type OtdrDataSet, type OnMeasureChange, type MeasureChangeData } from './otdr';
+export * from './base';
+export * from './type';

package/build/index.js

@@ -0,0 +1,20 @@
+import { G as e, H as o, R as t } from "./heatmap-Br4YjrBg.js";
+import { default as f } from "./line.js";
+import { default as d } from "./bar.js";
+import { MeasureMode as m, default as b } from "./otdr.js";
+import { C as x, a as i, D as n, b as C, F as g, P as D } from "./chart-Cj4Fiwnb.js";
+export {
+  d as Bar,
+  x as Chart,
+  i as ControlType,
+  n as Dragable,
+  C as DragableThumb,
+  g as Field,
+  e as Gradient,
+  o as HeatMap,
+  f as Line,
+  m as MeasureMode,
+  b as Otdr,
+  D as Point,
+  t as RgbColor
+};

package/build/legend/index.d.ts

@@ -0,0 +1 @@
+export * from './legend';

package/build/legend/legend.d.ts

@@ -0,0 +1,20 @@
+import { Brush } from '../brush';
+import type { CSSProperties, DragableContext, DragUpdateContext, RangeValue } from '../type';
+export declare class Legend extends Brush {
+    private _root;
+    private _container;
+    private colors;
+    protected thumbSize: number;
+    constructor(root: HTMLElement, { initValue, colors, style }: {
+        initValue?: RangeValue;
+        colors: string[];
+        style?: CSSProperties;
+    });
+    protected get trackHeight(): number;
+    private setContainer;
+    private createScale;
+    protected onUpdate({ delta }: DragUpdateContext<number>): number;
+    protected getStyle({ value }: DragableContext<number>): string;
+    protected getRangeStyle({ value }: DragableContext<RangeValue>): string;
+    dispose(): void;
+}

package/build/line.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const q=require("./dataset-D4KLCpTU.cjs"),c=require("./chart-Dr9ZOezr.cjs");class s extends c.Chart{draw(e){const{data:o,xMin:r,xMax:f,yMin:u,scale:a,grid:h,rect:y,sample:p}=this;if(o)for(const i of o){const{color:M,data:g,lineWidth:m=1,precision:l=1}=i;e.lineWidth=m,e.strokeStyle=M,e.beginPath();const{start:T,end:v,loop:S}=q.fitDataset(g,l,[r,f]);S(a.x,(t,b)=>{const C=i.data.slice(t,Math.min(t+b,v+1)),k=p(C,s.config.dataSampleMethod),n=h.left+(l*t-r)/a.x,d=y.y-(k-u)/a.y;t===T?e.moveTo(n,d):e.lineTo(n,d)}),e.stroke()}}}exports.ControlType=c.ControlType;exports.default=s;

package/build/line.d.ts

@@ -0,0 +1,11 @@
+import { Chart } from './base';
+import type { Dataset } from './type';
+export { ControlType, type Dataset } from './type';
+export interface LineDataSet extends Dataset {
+    color: string;
+    lineWidth?: number;
+}
+declare class Line extends Chart<LineDataSet[]> {
+    protected draw(context: CanvasRenderingContext2D): void;
+}
+export default Line;

package/build/line.js

@@ -0,0 +1,23 @@
+import { f as W } from "./dataset-Bv37sY1L.js";
+import { C as b } from "./chart-Cj4Fiwnb.js";
+import { a as j } from "./chart-Cj4Fiwnb.js";
+class d extends b {
+  // @override
+  draw(a) {
+    const { data: s, xMin: e, xMax: f, yMin: c, scale: o, grid: m, rect: p, sample: h } = this;
+    if (s)
+      for (const r of s) {
+        const { color: y, data: M, lineWidth: g = 1, precision: i = 1 } = r;
+        a.lineWidth = g, a.strokeStyle = y, a.beginPath();
+        const { start: x, end: C, loop: T } = W(M, i, [e, f]);
+        T(o.x, (t, k) => {
+          const v = r.data.slice(t, Math.min(t + k, C + 1)), S = h(v, d.config.dataSampleMethod), n = m.left + (i * t - e) / o.x, l = p.y - (S - c) / o.y;
+          t === x ? a.moveTo(n, l) : a.lineTo(n, l);
+        }), a.stroke();
+      }
+  }
+}
+export {
+  j as ControlType,
+  d as default
+};

package/build/otdr.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const M=require("./chart-Dr9ZOezr.cjs"),C=require("./dataset-D4KLCpTU.cjs");exports.LineStyle=void 0;(function(u){u[u.solid=0]="solid",u[u.dashed=1]="dashed"})(exports.LineStyle||(exports.LineStyle={}));exports.MeasureMode=void 0;(function(u){u[u.two_points=0]="two_points",u[u.four_points=1]="four_points",u[u.none=2]="none"})(exports.MeasureMode||(exports.MeasureMode={}));var c;(function(u){u.line_A="A",u.line_B="B",u.line_a="a",u.line_b="b"})(c||(c={}));class y{constructor(e,t,i){Object.defineProperty(this,"name",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"color",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"style",{enumerable:!0,configurable:!0,writable:!0,value:exports.LineStyle.solid}),Object.defineProperty(this,"location",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"order",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),this.name=e,this.color=t,i&&(this.style=i),this.location=0,this.order=y.orderMap.get(e)??0}copy(){return new y(this.name,this.color).copyWith({location:this.location,style:this.style})}copyWith({name:e,color:t,style:i,location:s,order:n}){return this.name=e??this.name,this.color=t??this.color,this.style=i??this.style,this.location=s??this.location,this.order=n??this.order,this}}Object.defineProperty(y,"orderMap",{enumerable:!0,configurable:!0,writable:!0,value:new Map});class b extends M.Chart{static initConfig(){const e=M.Chart.config;e.measureLine={a:{location:"10%",order:0,color:"#f00",style:exports.LineStyle.dashed},A:{location:"25%",order:1,color:"#f00",style:exports.LineStyle.solid},B:{location:"75%",order:2,color:"cyan",style:exports.LineStyle.solid},b:{location:"90%",order:3,color:"cyan",style:exports.LineStyle.dashed}},e.grid.top=15,b.config=e}constructor(e){super(e),Object.defineProperty(this,"activeEvent",{enumerable:!0,configurable:!0,writable:!0,value:null}),Object.defineProperty(this,"measureMode",{enumerable:!0,configurable:!0,writable:!0,value:exports.MeasureMode.none}),Object.defineProperty(this,"measureLine_a",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"measureLine_A",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"measureLine_B",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"measureLine_b",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"activeMeasureLine",{enumerable:!0,configurable:!0,writable:!0,value:null}),Object.defineProperty(this,"draggedMeasureLine",{enumerable:!0,configurable:!0,writable:!0,value:null}),Object.defineProperty(this,"onMeasureChange",{enumerable:!0,configurable:!0,writable:!0,value:null}),this.measureLine_a=this.createMeasureLine(c.line_a),this.measureLine_A=this.createMeasureLine(c.line_A),this.measureLine_B=this.createMeasureLine(c.line_B),this.measureLine_b=this.createMeasureLine(c.line_b)}createMeasureLine(e){const{color:t,style:i,order:s}=b.config.measureLine[e];return y.orderMap.set(e,s),new y(e,t,i)}mergeDataset(e){const{lineWidth:t=1,precision:i=1,events:s=[],...n}=e;return{lineWidth:t,precision:i,events:s,...n}}loopDatasets(e,t){if(e)for(const i of e){const s=this.mergeDataset(i);t(s)}}draw(e){const{width:t,height:i,data:s,scale:n,sample:r}=this;this.loopDatasets(s,({color:o,data:a,lineWidth:d,precision:f})=>{e.lineWidth=d,e.strokeStyle=o,e.beginPath();const{start:h,end:v,loop:m}=C.fitDataset(a,f,this.xRange);m(n.x,(l,p)=>{const w=a.slice(l,Math.min(l+p,v+1)),x=r(w,b.config.dataSampleMethod),{x:L,y:g}=this.getDataOffset({x:l,y:x},f);l===h?e.moveTo(L,g):e.lineTo(L,g)}),e.stroke(),this.snapshot=e.getImageData(0,0,t,i)})}get measureEnabled(){return this.measureMode!==exports.MeasureMode.none}drawAnnotations(e){this.measureEnabled&&this.drawMeasureLines()}getDataOffset({x:e,y:t},i=1){const{scaleGrid:s,rect:n,xMin:r,yMin:o,scale:a}=this;return{x:s.left+(i*e-r)/a.x,y:n.y-(t-o)/a.y}}getEventOffset({offset:e,size:t}){const{x:i,y:s}=this.getDataOffset(e),{width:n,height:r}=t;return{x:i-n/2,y:s-r*2}}drawSnapshot(e){this.loopDatasets(this.data,t=>{this.drawEvents(t)})}drawEvents(e){const{context:t,activeEvent:i,dpr:s,xMin:n,xMax:r,yMin:o,yMax:a,xUnit:d,yUnit:f}=this,{events:h,color:v}=e;for(const m of h){const{x:l,y:p}=this.getEventOffset(m),{key:w,value:x,offset:L,size:g,image:j,renderLabel:_,renderValue:O}=m;if(t.drawImage(j,l,p,g.width,g.height),i?.key===w){t.strokeStyle=v,t.lineWidth=1,t.strokeRect(l,p,g.width,g.height);const[P,D]=[l+g.width/2,p+g.height];t.beginPath(),t.moveTo(P,D),t.lineTo(P,D+32),t.stroke();const E=16*s.value;t.save(),t.fillStyle=v;const S={xMin:n,xMax:r,yMin:o,yMax:a,xUnit:d,yUnit:f,event:m,dataset:e};t.fillText(`${O?O(x,S):x}`,l,p-E*2),t.fillText(`${_?_(L.x,S):L.x}`,l,p-E),t.restore()}}}setActiveEvent(e){if(this.data){let t=null;if(e!==null)for(const i of this.data){let s=!1;const{events:n}=this.mergeDataset(i);for(const r of n)if(r.key===e){t=r,s=!0;break}if(s)break}if(t?.key!==this.activeEvent?.key){if(t){const{x:i,y:s}=t.offset;this.setCenter(i,s)}return this.activeEvent=t,this.shouldUpdate=!0,!0}}return!1}get measureLines(){const{measureMode:e,measureLine_A:t,measureLine_B:i,measureLine_a:s,measureLine_b:n}=this;let r=[];return e===exports.MeasureMode.two_points?r=[t,i]:e===exports.MeasureMode.four_points&&(r=[t,s,n,i]),r}onMouseMove(e){super.onMouseMove(e);const{data:t,context:i,dpr:s,dragging:n}=this,r=this.getOffset(e).multiply(s.value);let o=null;if(this.loopDatasets(t,({events:a})=>{for(const d of a){const{x:f,y:h}=this.getEventOffset(d),{width:v,height:m}=d.size,l=new Path2D;l.moveTo(f-v/2,h-m/2),l.rect(f,h,v,m),i.isPointInPath(l,r.x,r.y)&&(o=d)}}),this.activeEvent!==o&&(this.activeEvent=o,this.useSnapshot=this.shouldUpdate=!0),!n){const a=this.findNearMeasureLine(r);a!==this.activeMeasureLine&&(this.setCursor(a?"ew-resize":void 0),this.activeMeasureLine=a,this.useSnapshot=this.shouldUpdate=!0)}}get $measureLines(){const{measureLines:e,draggedMeasureLine:t}=this;return t!==null?[...e.filter(({name:i})=>i!==t.name),t]:e}drawMeasureLines(){for(const e of this.$measureLines)this.drawMeasureLine(e)}getLineOffset(e){const{x:t}=this.getDataOffset({x:e.location,y:0});return t}get xRange(){return this.bounds.x}drawMeasureLine(e){const{context:t,rect:i,scaleGrid:s,activeMeasureLine:n}=this,r=M.clampInRange(e.location,this.xRange);r!==e.location&&(e.location=r,this.emitMeasureChangeEvent(n));const{name:o,color:a,style:d}=e,{width:f}=M.measureText(t,o),h=this.getLineOffset(e);t.save(),t.fillStyle=a,t.fillText(o,h-f/2,7),t.beginPath(),t.moveTo(h,s.top),t.lineTo(h,i.y),t.strokeStyle=a,d===exports.LineStyle.dashed&&t.setLineDash([2,2]),t.lineWidth=n?.name===o?2:1,t.stroke(),t.restore()}getMeasureLineDefaultAttrs(e){const{location:t,...i}=b.config.measureLine[e];let s=0;return typeof t=="number"?s=t:s=this.getRatioOffset(+t.replace(/%$/,"")/100).x,{name:e,location:s,...i}}get measureLinesMoved(){return this.measureLines.some(e=>{const{location:t}=this.getMeasureLineDefaultAttrs(e.name);return e.location!==t})}initMeasureLine(e,t){const i=this.getMeasureLineDefaultAttrs(t);e.copyWith(i)}initMeasureLines(e){const t=e??this.measureMode;switch(t){case exports.MeasureMode.two_points:case exports.MeasureMode.four_points:this.initMeasureLine(this.measureLine_A,c.line_A),this.initMeasureLine(this.measureLine_B,c.line_B),t===exports.MeasureMode.four_points&&(this.initMeasureLine(this.measureLine_a,c.line_a),this.initMeasureLine(this.measureLine_b,c.line_b));break;case exports.MeasureMode.none:}}get measureValue(){return this.measureLines.map(({name:e,location:t})=>({name:e,location:t}))}setMeasureMode(e){this.measureMode!==e&&(this.initMeasureLines(e),this.measureMode=e,this.shouldUpdate=!0)}fitDatasets(e=!0){if(this.data){let t=0,i=0,s=0;for(const n of this.data){const{data:r,precision:o}=this.mergeDataset(n);t=Math.max(t,r.length*o),s=M.getMin([s,...r]),i=M.getMax([i,...r])}t>0&&(this.xMin=0,this.xMax=t,this.yMin=s,this.yMax=i,this.shouldUpdate=e)}}reset(){super.reset(()=>{this.fitDatasets(!1),this.measureEnabled&&this.measureLinesMoved&&(this.initMeasureLines(),this.emitMeasureChangeEvent(null))})}findNearMeasureLine(e){for(let t=this.$measureLines.length-1;t>=0;t--){const i=this.$measureLines[t],s=this.getLineOffset(i);if(e.x<s+5&&e.x>s-5)return i}return null}onStart(e){e.stopPropagation,this.activeMeasureLine!==null?this.dragging=!0:super.onStart(e)}emitMeasureChangeEvent(e){const{measureLines:t}=this,i=t.map(({name:s,location:n})=>({name:s,location:e?.name===s?e.location:n}));this.onMeasureChange?.({current:e,context:i})}updateMeasureLines(){const{activeMeasureLine:e,measureLines:t}=this;if(e!==null){const{name:i,location:s,order:n}=e;for(const r of t)r.name!==i&&(n>r.order&&s<r.location||n<r.order&&s>r.location)&&(r.location=e.location)}}onUpdate(e){const{activeMeasureLine:t,scale:i,dpr:s}=this;if(t!==null){const{x:n}=e.delta.multiply(i).multiply(s.value),{name:r,location:o}=t,a=M.clampInRange(o+n,this.xRange);return a!==o&&(t.location=a,this.updateMeasureLines(),this.emitMeasureChangeEvent({name:r,location:a}),this.useSnapshot=this.shouldUpdate=!0),this.draggedMeasureLine=t,e.value}return super.onUpdate(e)}}Object.defineProperty(b,"version",{enumerable:!0,configurable:!0,writable:!0,value:"0.2.0"});b.initConfig();exports.ControlType=M.ControlType;exports.default=b;

package/build/otdr.d.ts

@@ -0,0 +1,186 @@
+import { Chart, type Config } from './base';
+import type { Dataset, DragUpdateContext, Offset, Size, PartialRequired, InteractEvent } from './type';
+export { ControlType } from './type';
+/**
+ * 线条样式
+ */
+export declare enum LineStyle {
+    /**
+     * 实线
+     */
+    solid = 0,
+    /**
+     * 虚线
+     */
+    dashed = 1
+}
+type MergedOtdrDataset = PartialRequired<OtdrDataSet, 'lineWidth' | 'precision' | 'events'>;
+interface EventRenderContext {
+    xUnit: string;
+    yUnit: string;
+    event: OtdrEvent;
+    dataset: MergedOtdrDataset;
+    xMin: number;
+    xMax: number;
+    yMin: number;
+    yMax: number;
+}
+interface OtdrEventRender {
+    (value: number, context: EventRenderContext): number | string;
+}
+export interface OtdrEvent {
+    /**
+     * 用于标识唯一性
+     */
+    key: string | number;
+    /**
+     * 事件的值
+     */
+    value: number;
+    /**
+     * 标题渲染函数
+     */
+    renderLabel?: OtdrEventRender;
+    /**
+     * 事件值渲染函数
+     */
+    renderValue?: OtdrEventRender;
+    /**
+     * 原始坐标
+     */
+    offset: Offset;
+    /**
+     * 绘制尺寸
+     */
+    size: Size;
+    /**
+     * 图片源
+     */
+    image: CanvasImageSource;
+}
+/**
+ * 测量模式/方法
+ */
+export declare enum MeasureMode {
+    /**
+     * 两点法 A_B
+     */
+    two_points = 0,
+    /**
+     * 四点法 A_a_b_B
+     */
+    four_points = 1,
+    /**
+     * 不适用
+     */
+    none = 2
+}
+declare enum MeasureLineName {
+    line_A = "A",
+    line_B = "B",
+    line_a = "a",
+    line_b = "b"
+}
+export interface MeasureValue {
+    name: MeasureLineName;
+    location: number;
+}
+interface MeasureLineMeta {
+    color: string;
+    style: LineStyle;
+    order: number;
+}
+interface MeasureLineAttrs extends MeasureValue, MeasureLineMeta {
+}
+declare class MeasureLine implements MeasureLineAttrs {
+    /**
+     * 测量线的标题, 绘制在测量线的某一侧
+     */
+    name: MeasureLineName;
+    /**
+     * 测量线的颜色
+     */
+    color: string;
+    /**
+     * 线条样式
+     */
+    style: LineStyle;
+    /**
+     * 测量线与纵坐标平行, 位置即为横坐标的偏移量
+     */
+    location: number;
+    /**
+     * 测量线的排序, 越小越靠前
+     */
+    order: number;
+    static orderMap: Map<MeasureLineName, number>;
+    constructor(name: MeasureLineName, color: string, style?: LineStyle);
+    copy(): MeasureLine;
+    copyWith({ name, color, style, location, order }: Partial<MeasureLineAttrs>): this;
+}
+type LocationValue = number | `${number}%`;
+interface MeasureLineConfig extends MeasureLineMeta {
+    location: LocationValue;
+}
+export interface MeasureChangeData {
+    current: MeasureValue | null;
+    context: MeasureValue[];
+}
+export interface OnMeasureChange {
+    (data: MeasureChangeData): void;
+}
+interface OtdrConfig extends Config {
+    measureLine: Record<MeasureLineName, MeasureLineConfig>;
+}
+export interface OtdrDataSet extends Dataset {
+    color: string;
+    lineWidth?: number;
+    events?: OtdrEvent[];
+}
+declare class Otdr extends Chart<OtdrDataSet[]> {
+    protected activeEvent: OtdrEvent | null;
+    protected measureMode: MeasureMode;
+    private measureLine_a;
+    private measureLine_A;
+    private measureLine_B;
+    private measureLine_b;
+    private activeMeasureLine;
+    private draggedMeasureLine;
+    onMeasureChange: OnMeasureChange | null;
+    static version: string;
+    static config: OtdrConfig;
+    static initConfig(): void;
+    constructor(root: HTMLElement);
+    private createMeasureLine;
+    protected mergeDataset(dataset: OtdrDataSet): MergedOtdrDataset;
+    protected loopDatasets(data: OtdrDataSet[] | null, iterator: (dataset: MergedOtdrDataset) => void): void;
+    protected draw(context: CanvasRenderingContext2D): void;
+    protected get measureEnabled(): boolean;
+    protected drawAnnotations(_context: CanvasRenderingContext2D): void;
+    protected getDataOffset({ x, y }: Offset, precision?: number): Offset;
+    private getEventOffset;
+    protected drawSnapshot(_context: CanvasRenderingContext2D): void;
+    private drawEvents;
+    setActiveEvent(key: OtdrEvent['key'] | null): boolean;
+    protected get measureLines(): MeasureLine[];
+    protected onMouseMove(event: MouseEvent): void;
+    protected get $measureLines(): MeasureLine[];
+    protected drawMeasureLines(): void;
+    private getLineOffset;
+    private get xRange();
+    private drawMeasureLine;
+    protected getMeasureLineDefaultAttrs(name: MeasureLineName): MeasureLineAttrs;
+    protected get measureLinesMoved(): boolean;
+    private initMeasureLine;
+    private initMeasureLines;
+    get measureValue(): MeasureValue[];
+    setMeasureMode(mode: MeasureMode): void;
+    fitDatasets(update?: boolean): void;
+    reset(): void;
+    private findNearMeasureLine;
+    protected onStart(event: InteractEvent): void;
+    private emitMeasureChangeEvent;
+    private updateMeasureLines;
+    protected onUpdate(event: DragUpdateContext<number>): number;
+}
+export default Otdr;