import { css } from '@node-projects/base-custom-webcomponent';
import { OverlayLayer } from '../OverlayLayer.js';
import { AbstractDesignerPointerExtension } from './AbstractDesignerPointerExtension.js';
export class CursorLinePointerExtension extends AbstractDesignerPointerExtension {
    _lineOffset = 5;
    _lineLength = 10;
    _circle;
    _line1;
    _line2;
    _line3;
    _line4;
    refresh(event) {
        let mp = this.designerCanvas.getNormalizedEventCoordinates(event);
        this._circle = this._drawCircle(mp.x, mp.y, 1, 'svg-cursor-line', this._circle, OverlayLayer.Foreground);
        this._line1 = this._drawLine(mp.x, mp.y - this._lineOffset, mp.x, mp.y - this._lineOffset - this._lineLength, 'svg-cursor-line', this._line1, OverlayLayer.Foreground);
        this._line2 = this._drawLine(mp.x, mp.y + this._lineOffset, mp.x, mp.y + this._lineOffset + this._lineLength, 'svg-cursor-line', this._line2, OverlayLayer.Foreground);
        this._line3 = this._drawLine(mp.x - this._lineOffset, mp.y, mp.x - this._lineOffset - this._lineLength, mp.y, 'svg-cursor-line', this._line3, OverlayLayer.Foreground);
        this._line4 = this._drawLine(mp.x + this._lineOffset, mp.y, mp.x + this._lineOffset + this._lineLength, mp.y, 'svg-cursor-line', this._line4, OverlayLayer.Foreground);
    }
    dispose() {
        super._removeAllOverlays();
    }
    style = css `
    .svg-cursor-line { stroke: black; pointer-events: none }
  `;
}
//# sourceMappingURL=CursorLinePointerExtension%20copy.js.map