@gravity-ui/graph
Version:
Modern graph editor component
21 lines (20 loc) • 832 B
TypeScript
import { Layer, LayerContext } from "../../services/Layer";
import { TDevToolsLayerProps, TDevToolsLayerState } from "./types";
import "./devtools-layer.css";
/**
* DevToolsLayer: Provides rulers and crosshairs for precise positioning and measurement.
* Uses two HTML divs with backdrop-filter for ruler background and blur.
*/
export declare class DevToolsLayer extends Layer<TDevToolsLayerProps, LayerContext, TDevToolsLayerState> {
state: TDevToolsLayerState;
private horizontalRulerBgEl;
private verticalRulerBgEl;
constructor(props: TDevToolsLayerProps);
protected propsChanged(nextProps: TDevToolsLayerProps): void;
protected afterInit(): void;
protected render(): void;
private calculateTickInfo;
private drawHorizontalRuler;
private drawVerticalRuler;
private drawCrosshair;
}