@gravity-ui/graph
Version:
Modern graph editor component
23 lines (22 loc) • 959 B
TypeScript
import { Layer, LayerContext } from "../../services/Layer";
import { TCameraState } from "../../services/camera/CameraService";
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 onCameraChange(_camera: TCameraState): void;
protected render(): void;
private calculateTickInfo;
private drawHorizontalRuler;
private drawVerticalRuler;
private drawCrosshair;
}