@itwin/core-markup 3.0.0-dev.72

package/lib/MarkupTool.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MarkupTool.js","sourceRoot":"","sources":["../src/MarkupTool.ts"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module MarkupTools\r\n */\r\n\r\nimport { XAndY } from \"@itwin/core-geometry\";\r\nimport { BeButton, BeTouchEvent, CoordinateLockOverrides, EventHandled, IModelApp, PrimitiveTool, Viewport } from \"@itwin/core-frontend\";\r\nimport { G, LinkedHTMLElement, Element as MarkupElement, Text as MarkupText } from \"@svgdotjs/svg.js\";\r\nimport { Markup, MarkupApp } from \"./Markup\";\r\n\r\n/** Base class for all tools that operate on Markup elements.\r\n * @public\r\n */\r\nexport abstract class MarkupTool extends PrimitiveTool {\r\n  public markup!: Markup;\r\n  public static toolKey = \"MarkupTools:tools.Markup.\";\r\n  public override requireWriteableTarget(): boolean { return false; }\r\n  public override isCompatibleViewport(vp: Viewport | undefined, isSelectedViewChange: boolean): boolean { return (super.isCompatibleViewport(vp, isSelectedViewChange) && undefined !== vp && vp === IModelApp.toolAdmin.markupView); }\r\n  public override async onInstall(): Promise<boolean> { if (undefined === MarkupApp.markup) return false; this.markup = MarkupApp.markup; return super.onInstall(); }\r\n  public override async onPostInstall() { await super.onPostInstall(); this.setupAndPromptForNextAction(); }\r\n  public override async onUnsuspend() { this.showPrompt(); }\r\n  public async onRestartTool() { return this.exitTool(); }\r\n\r\n  protected showPrompt(): void { }\r\n  protected setupAndPromptForNextAction(): void {\r\n    IModelApp.toolAdmin.toolState.coordLockOvr = CoordinateLockOverrides.All; // Don't adjust point to ACS or grid...\r\n    this.showPrompt();\r\n  }\r\n  protected outputMarkupPrompt(msg: string) { IModelApp.notifications.outputPromptByKey(MarkupTool.toolKey + msg); }\r\n\r\n  public override async onTouchMoveStart(ev: BeTouchEvent, startEv: BeTouchEvent): Promise<EventHandled> {\r\n    if (startEv.isSingleTouch)\r\n      await IModelApp.toolAdmin.convertTouchMoveStartToButtonDownAndMotion(startEv, ev);\r\n    return EventHandled.Yes; // View tools are not allowed during redlining; use touch events to create markup and don't pass event to IdleTool...\r\n  }\r\n\r\n  public override async onTouchMove(ev: BeTouchEvent): Promise<void> { return IModelApp.toolAdmin.convertTouchMoveToMotion(ev); }\r\n  public override async onTouchComplete(ev: BeTouchEvent): Promise<void> { return IModelApp.toolAdmin.convertTouchEndToButtonUp(ev); }\r\n  public override async onTouchCancel(ev: BeTouchEvent): Promise<void> { return IModelApp.toolAdmin.convertTouchEndToButtonUp(ev, BeButton.Reset); }\r\n\r\n  public override async undoPreviousStep(): Promise<boolean> {\r\n    if (await this.onUndoPreviousStep()) // first see if this tool has an \"oops\" operation.\r\n      return true; // yes, we're done\r\n    this.markup.undo.doUndo(); // otherwise undo the last change by previous tools\r\n    return true;\r\n  }\r\n\r\n  public override async redoPreviousStep(): Promise<boolean> {\r\n    if (await this.onRedoPreviousStep())\r\n      return true;\r\n    this.markup.undo.doRedo();\r\n    return true;\r\n  }\r\n\r\n  /** Find the topmost MarkupElement at the specified point in the markup view.\r\n   * @param pt the point in view coordinates\r\n   * @returns The topmost element, or undefined if no elements under pt.\r\n   */\r\n  public pickElement(pt: XAndY): MarkupElement | undefined {\r\n    const markup = this.markup;\r\n    const rect = markup.markupDiv.getBoundingClientRect();\r\n    const node = document.elementFromPoint(pt.x + rect.left, pt.y + rect.top) as LinkedHTMLElement | null;\r\n    if (!node || !node.instance)\r\n      return undefined;\r\n    const el = node.instance;\r\n    return el.getChildOrGroupOf(markup.svgMarkup!);\r\n  }\r\n  protected setCurrentStyle(element: MarkupElement, canBeFilled: boolean): void {\r\n    element.css(MarkupApp.props.active.element);\r\n    if (!canBeFilled)\r\n      element.css({ fill: \"none\" });\r\n  }\r\n\r\n  protected setCurrentTextStyle(element: MarkupElement): void { element.css(MarkupApp.props.active.text); }\r\n\r\n  /** @internal */\r\n  public createBoxedText(g: G, text: MarkupText) {\r\n    const boxedText = g.group().addClass(MarkupApp.boxedTextClass);\r\n    const outline = text.getOutline(3);\r\n    this.setCurrentStyle(outline, true);\r\n    outline.css({ \"stroke-width\": 1 });\r\n    outline.addTo(boxedText);\r\n    text.addTo(boxedText); // make sure the text is on top\r\n    return boxedText;\r\n  }\r\n\r\n}\r\n"]}

package/lib/RedlineTool.d.ts

@@ -0,0 +1,146 @@
+/** @packageDocumentation
+ * @module MarkupTools
+ */
+import { Point3d } from "@itwin/core-geometry";
+import { BeButtonEvent, EventHandled } from "@itwin/core-frontend";
+import { G, Marker, Element as MarkupElement } from "@svgdotjs/svg.js";
+import { MarkupTool } from "./MarkupTool";
+/** Base class for tools that place new Markup elements
+ * @public
+ */
+export declare abstract class RedlineTool extends MarkupTool {
+    protected _minPoints: number;
+    protected _nRequiredPoints: number;
+    protected readonly _points: Point3d[];
+    protected onAdded(el: MarkupElement): void;
+    protected isComplete(_ev: BeButtonEvent): boolean;
+    protected setupAndPromptForNextAction(): void;
+    protected createMarkup(_svgMarkup: G, _ev: BeButtonEvent, _isDynamics: boolean): void;
+    protected clearDynamicsMarkup(_isDynamics: boolean): void;
+    onRestartTool(): Promise<void>;
+    onCleanup(): Promise<void>;
+    onReinitialize(): Promise<void>;
+    onUndoPreviousStep(): Promise<boolean>;
+    onMouseMotion(ev: BeButtonEvent): Promise<void>;
+    onDataButtonDown(ev: BeButtonEvent): Promise<EventHandled>;
+    onResetButtonUp(_ev: BeButtonEvent): Promise<EventHandled>;
+    protected provideToolAssistance(mainInstrKey: string, singlePoint?: boolean): void;
+}
+/** Tool for placing Markup Lines
+ * @public
+ */
+export declare class LineTool extends RedlineTool {
+    static toolId: string;
+    static iconSpec: string;
+    protected showPrompt(): void;
+    protected createMarkup(svgMarkup: G, ev: BeButtonEvent, isDynamics: boolean): void;
+}
+/** Tool for placing Markup Rectangles
+ * @public
+ */
+export declare class RectangleTool extends RedlineTool {
+    protected _cornerRadius?: number | undefined;
+    static toolId: string;
+    static iconSpec: string;
+    constructor(_cornerRadius?: number | undefined);
+    protected showPrompt(): void;
+    protected createMarkup(svgMarkup: G, ev: BeButtonEvent, isDynamics: boolean): void;
+}
+/** Tool for placing Markup Polygons
+ * @public
+ */
+export declare class PolygonTool extends RedlineTool {
+    protected _numSides?: number | undefined;
+    static toolId: string;
+    static iconSpec: string;
+    constructor(_numSides?: number | undefined);
+    protected showPrompt(): void;
+    protected getPoints(points: number[], center: Point3d, edge: Point3d, numSides: number, inscribe: boolean): boolean;
+    protected createMarkup(svgMarkup: G, ev: BeButtonEvent, isDynamics: boolean): void;
+}
+/** Tool for placing Markup Clouds
+ * @public
+ */
+export declare class CloudTool extends RedlineTool {
+    static toolId: string;
+    static iconSpec: string;
+    protected _cloud?: MarkupElement;
+    protected showPrompt(): void;
+    protected createMarkup(svgMarkup: G, ev: BeButtonEvent, isDynamics: boolean): void;
+    protected clearDynamicsMarkup(isDynamics: boolean): void;
+}
+/** Tool for placing Markup Circles
+ * @public
+ */
+export declare class CircleTool extends RedlineTool {
+    static toolId: string;
+    static iconSpec: string;
+    protected showPrompt(): void;
+    protected createMarkup(svgMarkup: G, ev: BeButtonEvent, isDynamics: boolean): void;
+}
+/** Tool for placing Markup Ellipses
+ * @public
+ */
+export declare class EllipseTool extends RedlineTool {
+    static toolId: string;
+    static iconSpec: string;
+    protected showPrompt(): void;
+    protected createMarkup(svgMarkup: G, ev: BeButtonEvent, isDynamics: boolean): void;
+}
+/** Tool for placing Markup Arrows
+ * @public
+ */
+export declare class ArrowTool extends RedlineTool {
+    protected _arrowPos?: string | undefined;
+    static toolId: string;
+    static iconSpec: string;
+    /** ctor for ArrowTool
+     * @param _arrowPos "start", "end", or "both". If undefined = "end".
+     */
+    constructor(_arrowPos?: string | undefined);
+    protected showPrompt(): void;
+    protected getOrCreateArrowMarker(color: string): Marker;
+    protected createMarkup(svgMarkup: G, ev: BeButtonEvent, isDynamics: boolean): void;
+}
+/** Tool for measuring distances and placing Markups of them
+ * @public
+ */
+export declare class DistanceTool extends ArrowTool {
+    static toolId: string;
+    static iconSpec: string;
+    protected readonly _startPointWorld: Point3d;
+    protected showPrompt(): void;
+    protected setupAndPromptForNextAction(): void;
+    protected getFormattedDistance(distance: number): string | undefined;
+    protected createMarkup(svgMarkup: G, ev: BeButtonEvent, isDynamics: boolean): void;
+    onDataButtonDown(ev: BeButtonEvent): Promise<EventHandled>;
+}
+/** Tool for placing Markup freehand sketches
+ * @public
+ */
+export declare class SketchTool extends RedlineTool {
+    static toolId: string;
+    static iconSpec: string;
+    protected _minDistSquared: number;
+    protected showPrompt(): void;
+    protected createMarkup(svgMarkup: G, ev: BeButtonEvent, isDynamics: boolean): void;
+    onMouseMotion(ev: BeButtonEvent): Promise<void>;
+}
+/** Tool for placing SVG symbols on a Markup
+ * @public
+ */
+export declare class SymbolTool extends RedlineTool {
+    protected _symbolData?: string | undefined;
+    protected _applyCurrentStyle?: boolean | undefined;
+    static toolId: string;
+    static iconSpec: string;
+    protected _symbol?: MarkupElement;
+    constructor(_symbolData?: string | undefined, _applyCurrentStyle?: boolean | undefined);
+    onInstall(): Promise<boolean>;
+    protected showPrompt(): void;
+    protected createMarkup(svgMarkup: G, ev: BeButtonEvent, isDynamics: boolean): void;
+    onDataButtonUp(ev: BeButtonEvent): Promise<EventHandled>;
+    onResetButtonUp(_ev: BeButtonEvent): Promise<EventHandled>;
+    protected clearDynamicsMarkup(isDynamics: boolean): void;
+}
+//# sourceMappingURL=RedlineTool.d.ts.map

package/lib/RedlineTool.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RedlineTool.d.ts","sourceRoot":"","sources":["../src/RedlineTool.ts"],"names":[],"mappings":"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"}

package/lib/RedlineTool.js

@@ -0,0 +1,498 @@
+"use strict";
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module MarkupTools
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SymbolTool = exports.SketchTool = exports.DistanceTool = exports.ArrowTool = exports.EllipseTool = exports.CircleTool = exports.CloudTool = exports.PolygonTool = exports.RectangleTool = exports.LineTool = exports.RedlineTool = void 0;
+// cspell:ignore rtmp stmp
+const core_geometry_1 = require("@itwin/core-geometry");
+const core_frontend_1 = require("@itwin/core-frontend");
+const svg_js_1 = require("@svgdotjs/svg.js");
+const Markup_1 = require("./Markup");
+const MarkupTool_1 = require("./MarkupTool");
+/** Base class for tools that place new Markup elements
+ * @public
+ */
+class RedlineTool extends MarkupTool_1.MarkupTool {
+    constructor() {
+        super(...arguments);
+        this._minPoints = 1;
+        this._nRequiredPoints = 2;
+        this._points = [];
+    }
+    onAdded(el) {
+        const markup = this.markup;
+        const undo = markup.undo;
+        undo.performOperation(this.keyin, () => undo.onAdded(el));
+        markup.selected.restart(el);
+    }
+    isComplete(_ev) { return this._points.length >= this._nRequiredPoints; }
+    setupAndPromptForNextAction() {
+        super.setupAndPromptForNextAction();
+        this.markup.disablePick();
+        core_frontend_1.IModelApp.toolAdmin.setCursor(0 === this._points.length ? core_frontend_1.IModelApp.viewManager.crossHairCursor : core_frontend_1.IModelApp.viewManager.dynamicsCursor);
+    }
+    createMarkup(_svgMarkup, _ev, _isDynamics) { }
+    clearDynamicsMarkup(_isDynamics) { this.markup.svgDynamics.clear(); }
+    async onRestartTool() { return this.exitTool(); } // Default to single shot and return control to select tool...
+    async onCleanup() { this.clearDynamicsMarkup(false); }
+    async onReinitialize() {
+        this.clearDynamicsMarkup(false);
+        return super.onReinitialize();
+    }
+    async onUndoPreviousStep() {
+        return (0 === this._points.length) ? false : (this.onReinitialize(), true);
+    }
+    async onMouseMotion(ev) {
+        if (undefined === ev.viewport || this._points.length < this._minPoints)
+            return;
+        this.clearDynamicsMarkup(true);
+        this.createMarkup(this.markup.svgDynamics, ev, true);
+    }
+    async onDataButtonDown(ev) {
+        if (undefined === ev.viewport)
+            return core_frontend_1.EventHandled.No;
+        this._points.push(Markup_1.MarkupApp.convertVpToVb(ev.viewPoint));
+        if (!this.isComplete(ev)) {
+            this.setupAndPromptForNextAction();
+            return core_frontend_1.EventHandled.No;
+        }
+        this.createMarkup(this.markup.svgMarkup, ev, false);
+        await this.onReinitialize();
+        return core_frontend_1.EventHandled.No;
+    }
+    async onResetButtonUp(_ev) {
+        await this.onReinitialize();
+        return core_frontend_1.EventHandled.No;
+    }
+    provideToolAssistance(mainInstrKey, singlePoint = false) {
+        const mainInstruction = core_frontend_1.ToolAssistance.createInstruction(this.iconSpec, core_frontend_1.IModelApp.i18n.translate(mainInstrKey));
+        const mouseInstructions = [];
+        const touchInstructions = [];
+        const acceptMsg = core_frontend_1.CoreTools.translate("ElementSet.Inputs.AcceptPoint");
+        const rejectMsg = core_frontend_1.CoreTools.translate("ElementSet.Inputs.Exit");
+        if (!core_frontend_1.ToolAssistance.createTouchCursorInstructions(touchInstructions))
+            touchInstructions.push(core_frontend_1.ToolAssistance.createInstruction(singlePoint ? core_frontend_1.ToolAssistanceImage.OneTouchTap : core_frontend_1.ToolAssistanceImage.OneTouchDrag, acceptMsg, false, core_frontend_1.ToolAssistanceInputMethod.Touch));
+        mouseInstructions.push(core_frontend_1.ToolAssistance.createInstruction(core_frontend_1.ToolAssistanceImage.LeftClick, acceptMsg, false, core_frontend_1.ToolAssistanceInputMethod.Mouse));
+        touchInstructions.push(core_frontend_1.ToolAssistance.createInstruction(core_frontend_1.ToolAssistanceImage.TwoTouchTap, rejectMsg, false, core_frontend_1.ToolAssistanceInputMethod.Touch));
+        mouseInstructions.push(core_frontend_1.ToolAssistance.createInstruction(core_frontend_1.ToolAssistanceImage.RightClick, rejectMsg, false, core_frontend_1.ToolAssistanceInputMethod.Mouse));
+        const sections = [];
+        sections.push(core_frontend_1.ToolAssistance.createSection(mouseInstructions, core_frontend_1.ToolAssistance.inputsLabel));
+        sections.push(core_frontend_1.ToolAssistance.createSection(touchInstructions, core_frontend_1.ToolAssistance.inputsLabel));
+        const instructions = core_frontend_1.ToolAssistance.createInstructions(mainInstruction, sections);
+        core_frontend_1.IModelApp.notifications.setToolAssistance(instructions);
+    }
+}
+exports.RedlineTool = RedlineTool;
+/** Tool for placing Markup Lines
+ * @public
+ */
+class LineTool extends RedlineTool {
+    showPrompt() { this.provideToolAssistance(core_frontend_1.CoreTools.tools + (0 === this._points.length ? "ElementSet.Prompts.StartPoint" : "ElementSet.Prompts.EndPoint")); }
+    createMarkup(svgMarkup, ev, isDynamics) {
+        if (this._points.length < (isDynamics ? this._nRequiredPoints - 1 : this._nRequiredPoints))
+            return;
+        const start = this._points[0];
+        const end = isDynamics ? Markup_1.MarkupApp.convertVpToVb(ev.viewPoint) : this._points[1];
+        const element = svgMarkup.line(start.x, start.y, end.x, end.y);
+        this.setCurrentStyle(element, false);
+        if (!isDynamics)
+            this.onAdded(element);
+    }
+}
+exports.LineTool = LineTool;
+LineTool.toolId = "Markup.Line";
+LineTool.iconSpec = "icon-line";
+/** Tool for placing Markup Rectangles
+ * @public
+ */
+class RectangleTool extends RedlineTool {
+    constructor(_cornerRadius) {
+        super();
+        this._cornerRadius = _cornerRadius;
+    } // Specify radius to create a rectangle with rounded corners.
+    showPrompt() { this.provideToolAssistance(core_frontend_1.CoreTools.tools + (0 === this._points.length ? "ElementSet.Prompts.StartCorner" : "ElementSet.Prompts.OppositeCorner")); }
+    createMarkup(svgMarkup, ev, isDynamics) {
+        if (this._points.length < (isDynamics ? this._nRequiredPoints - 1 : this._nRequiredPoints))
+            return;
+        const start = this._points[0];
+        const end = isDynamics ? Markup_1.MarkupApp.convertVpToVb(ev.viewPoint) : this._points[1];
+        const vec = start.vectorTo(end);
+        const width = Math.abs(vec.x);
+        const height = Math.abs(vec.y);
+        if (width < 1 || height < 1)
+            return;
+        const offset = core_geometry_1.Point3d.create(vec.x < 0 ? end.x : start.x, vec.y < 0 ? end.y : start.y); // define location by corner points...
+        const element = svgMarkup.rect(width, height).move(offset.x, offset.y);
+        this.setCurrentStyle(element, true);
+        if (undefined !== this._cornerRadius)
+            element.radius(this._cornerRadius);
+        if (!isDynamics)
+            this.onAdded(element);
+    }
+}
+exports.RectangleTool = RectangleTool;
+RectangleTool.toolId = "Markup.Rectangle";
+RectangleTool.iconSpec = "icon-rectangle";
+/** Tool for placing Markup Polygons
+ * @public
+ */
+class PolygonTool extends RedlineTool {
+    constructor(_numSides) {
+        super();
+        this._numSides = _numSides;
+    } // Specify number of polygon sides. Default if undefined is 5.
+    showPrompt() { this.provideToolAssistance(MarkupTool_1.MarkupTool.toolKey + (0 === this._points.length ? "Polygon.Prompts.FirstPoint" : "Polygon.Prompts.NextPoint")); }
+    getPoints(points, center, edge, numSides, inscribe) {
+        if (numSides < 3 || numSides > 100)
+            return false;
+        let radius = center.distanceXY(edge);
+        if (radius < 1)
+            return false;
+        const delta = (Math.PI * 2.0) / numSides;
+        const vec = center.vectorTo(edge);
+        let angle = core_geometry_1.Vector3d.unitX().planarRadiansTo(vec, core_geometry_1.Vector3d.unitZ());
+        if (!inscribe) {
+            const theta = delta * 0.5;
+            angle -= theta;
+            radius /= Math.cos(theta);
+        }
+        const rtmp = core_geometry_1.Point3d.create();
+        const stmp = core_geometry_1.Point3d.create();
+        for (let i = 0; i < numSides; i++, angle += delta) {
+            rtmp.x = radius * Math.cos(angle);
+            rtmp.y = radius * Math.sin(angle);
+            rtmp.z = 0.0;
+            center.plus(rtmp, stmp);
+            points.push(stmp.x);
+            points.push(stmp.y);
+        }
+        return true;
+    }
+    createMarkup(svgMarkup, ev, isDynamics) {
+        if (this._points.length < (isDynamics ? this._nRequiredPoints - 1 : this._nRequiredPoints))
+            return;
+        const center = this._points[0];
+        const edge = isDynamics ? Markup_1.MarkupApp.convertVpToVb(ev.viewPoint) : this._points[1];
+        const pts = [];
+        if (!this.getPoints(pts, center, edge, undefined !== this._numSides ? this._numSides : 5, true))
+            return;
+        const element = svgMarkup.polygon(pts);
+        this.setCurrentStyle(element, true);
+        if (!isDynamics)
+            this.onAdded(element);
+    }
+}
+exports.PolygonTool = PolygonTool;
+PolygonTool.toolId = "Markup.Polygon";
+PolygonTool.iconSpec = "icon-polygon";
+/** Tool for placing Markup Clouds
+ * @public
+ */
+class CloudTool extends RedlineTool {
+    showPrompt() { this.provideToolAssistance(core_frontend_1.CoreTools.tools + (0 === this._points.length ? "ElementSet.Prompts.StartCorner" : "ElementSet.Prompts.OppositeCorner")); }
+    createMarkup(svgMarkup, ev, isDynamics) {
+        if (this._points.length < (isDynamics ? this._nRequiredPoints - 1 : this._nRequiredPoints))
+            return;
+        const start = this._points[0];
+        const end = isDynamics ? Markup_1.MarkupApp.convertVpToVb(ev.viewPoint) : this._points[1];
+        const vec = start.vectorTo(end);
+        const width = Math.abs(vec.x);
+        const height = Math.abs(vec.y);
+        if (width < 10 || height < 10)
+            return;
+        if (undefined === this._cloud) {
+            this._cloud = svgMarkup.path(Markup_1.MarkupApp.props.active.cloud.path);
+        }
+        else if (!isDynamics) {
+            svgMarkup.add(this._cloud);
+        }
+        const offset = core_geometry_1.Point3d.create(vec.x < 0 ? end.x : start.x, vec.y < 0 ? end.y : start.y); // define location by corner points...
+        this._cloud.move(offset.x, offset.y);
+        this._cloud.width(width);
+        this._cloud.height(height);
+        this.setCurrentStyle(this._cloud, true);
+        if (!isDynamics)
+            this.onAdded(this._cloud);
+    }
+    clearDynamicsMarkup(isDynamics) {
+        if (!isDynamics)
+            super.clearDynamicsMarkup(isDynamics); // For dynamics we don't create a new cloud each frame, we just set the width/height...
+    }
+}
+exports.CloudTool = CloudTool;
+CloudTool.toolId = "Markup.Cloud";
+CloudTool.iconSpec = "icon-cloud";
+/** Tool for placing Markup Circles
+ * @public
+ */
+class CircleTool extends RedlineTool {
+    showPrompt() { this.provideToolAssistance(MarkupTool_1.MarkupTool.toolKey + (0 === this._points.length ? "Circle.Prompts.FirstPoint" : "Circle.Prompts.NextPoint")); }
+    createMarkup(svgMarkup, ev, isDynamics) {
+        if (this._points.length < (isDynamics ? this._nRequiredPoints - 1 : this._nRequiredPoints))
+            return;
+        const start = this._points[0];
+        const end = isDynamics ? Markup_1.MarkupApp.convertVpToVb(ev.viewPoint) : this._points[1];
+        const radius = start.distanceXY(end);
+        if (radius < 1)
+            return;
+        const element = svgMarkup.circle(radius * 2.0).center(start.x, start.y);
+        this.setCurrentStyle(element, true);
+        if (!isDynamics)
+            this.onAdded(element);
+    }
+}
+exports.CircleTool = CircleTool;
+CircleTool.toolId = "Markup.Circle";
+CircleTool.iconSpec = "icon-circle";
+/** Tool for placing Markup Ellipses
+ * @public
+ */
+class EllipseTool extends RedlineTool {
+    showPrompt() { this.provideToolAssistance(core_frontend_1.CoreTools.tools + (0 === this._points.length ? "ElementSet.Prompts.StartCorner" : "ElementSet.Prompts.OppositeCorner")); }
+    createMarkup(svgMarkup, ev, isDynamics) {
+        if (this._points.length < (isDynamics ? this._nRequiredPoints - 1 : this._nRequiredPoints))
+            return;
+        const start = this._points[0];
+        const end = isDynamics ? Markup_1.MarkupApp.convertVpToVb(ev.viewPoint) : this._points[1];
+        const vec = start.vectorTo(end);
+        const width = Math.abs(vec.x);
+        const height = Math.abs(vec.y);
+        if (width < 1 || height < 1)
+            return;
+        const offset = core_geometry_1.Point3d.create(vec.x < 0 ? end.x : start.x, vec.y < 0 ? end.y : start.y); // define location by corner points...
+        const element = svgMarkup.ellipse(width, height).move(offset.x, offset.y);
+        this.setCurrentStyle(element, true);
+        if (!isDynamics)
+            this.onAdded(element);
+    }
+}
+exports.EllipseTool = EllipseTool;
+EllipseTool.toolId = "Markup.Ellipse";
+EllipseTool.iconSpec = "icon-ellipse";
+/** Tool for placing Markup Arrows
+ * @public
+ */
+class ArrowTool extends RedlineTool {
+    /** ctor for ArrowTool
+     * @param _arrowPos "start", "end", or "both". If undefined = "end".
+     */
+    constructor(_arrowPos) {
+        super();
+        this._arrowPos = _arrowPos;
+    }
+    showPrompt() { this.provideToolAssistance(core_frontend_1.CoreTools.tools + (0 === this._points.length ? "ElementSet.Prompts.StartPoint" : "ElementSet.Prompts.EndPoint")); }
+    getOrCreateArrowMarker(color) {
+        // NOTE: Flashing doesn't currently affect markers, need support for "context-stroke" and "context-fill". For now encode color in name...
+        const arrowProps = Markup_1.MarkupApp.props.active.arrow;
+        const arrowLength = arrowProps.length;
+        const arrowWidth = arrowProps.width;
+        const arrowMarkerId = `ArrowMarker${arrowLength}x${arrowWidth}-${color}`;
+        let marker = (0, svg_js_1.SVG)(`#${arrowMarkerId}`);
+        if (null === marker) {
+            marker = this.markup.svgMarkup.marker(arrowLength, arrowWidth).id(arrowMarkerId);
+            marker.polygon([0, 0, arrowLength, arrowWidth * 0.5, 0, arrowWidth]);
+            marker.attr("orient", "auto-start-reverse");
+            marker.attr("overflow", "visible"); // Don't clip the stroke that is being applied to allow the specified start/end to be used directly while hiding the arrow tail fully under the arrow head...
+            marker.attr("refX", arrowLength);
+            marker.css({ stroke: color, fill: color });
+        }
+        return marker;
+    }
+    createMarkup(svgMarkup, ev, isDynamics) {
+        if (this._points.length < (isDynamics ? this._nRequiredPoints - 1 : this._nRequiredPoints))
+            return;
+        const start = this._points[0];
+        const end = isDynamics ? Markup_1.MarkupApp.convertVpToVb(ev.viewPoint) : this._points[1];
+        const vec = start.vectorTo(end);
+        if (!vec.normalizeInPlace())
+            return;
+        const element = svgMarkup.line(start.x, start.y, end.x, end.y);
+        this.setCurrentStyle(element, false);
+        const marker = this.getOrCreateArrowMarker(element.css("stroke"));
+        const addToStart = ("start" === this._arrowPos || "both" === this._arrowPos);
+        const addToEnd = ("end" === this._arrowPos || "both" === this._arrowPos);
+        if (addToStart)
+            element.marker("start", marker);
+        if (addToEnd || !addToStart)
+            element.marker("end", marker);
+        if (!isDynamics)
+            this.onAdded(element);
+    }
+}
+exports.ArrowTool = ArrowTool;
+ArrowTool.toolId = "Markup.Arrow";
+ArrowTool.iconSpec = "icon-callout";
+/** Tool for measuring distances and placing Markups of them
+ * @public
+ */
+class DistanceTool extends ArrowTool {
+    constructor() {
+        super(...arguments);
+        this._startPointWorld = new core_geometry_1.Point3d();
+    }
+    showPrompt() { this.provideToolAssistance(core_frontend_1.CoreTools.tools + (0 === this._points.length ? "ElementSet.Prompts.StartPoint" : "ElementSet.Prompts.EndPoint")); }
+    setupAndPromptForNextAction() { core_frontend_1.IModelApp.accuSnap.enableSnap(true); core_frontend_1.IModelApp.toolAdmin.toolState.coordLockOvr = core_frontend_1.CoordinateLockOverrides.None; super.setupAndPromptForNextAction(); }
+    getFormattedDistance(distance) {
+        const formatterSpec = core_frontend_1.IModelApp.quantityFormatter.findFormatterSpecByQuantityType(core_frontend_1.QuantityType.Length);
+        if (undefined === formatterSpec)
+            return undefined;
+        return core_frontend_1.IModelApp.quantityFormatter.formatQuantity(distance, formatterSpec);
+    }
+    createMarkup(svgMarkup, ev, isDynamics) {
+        if (this._points.length < (isDynamics ? this._nRequiredPoints - 1 : this._nRequiredPoints))
+            return;
+        const start = this._points[0];
+        const end = isDynamics ? Markup_1.MarkupApp.convertVpToVb(ev.viewPoint) : this._points[1];
+        const vec = start.vectorTo(end);
+        if (!vec.normalizeInPlace())
+            return;
+        const formatterSpec = core_frontend_1.IModelApp.quantityFormatter.findFormatterSpecByQuantityType(core_frontend_1.QuantityType.Length);
+        if (undefined === formatterSpec)
+            return;
+        const distanceLine = svgMarkup.line(start.x, start.y, end.x, end.y);
+        this.setCurrentStyle(distanceLine, false);
+        const marker = this.getOrCreateArrowMarker(distanceLine.css("stroke"));
+        distanceLine.marker("start", marker);
+        distanceLine.marker("end", marker);
+        const loc = start.interpolate(0.5, end);
+        const distance = core_frontend_1.IModelApp.quantityFormatter.formatQuantity(this._startPointWorld.distance(ev.point), formatterSpec);
+        const text = svgMarkup.plain(distance).addClass(Markup_1.MarkupApp.textClass).attr("text-anchor", "middle").translate(loc.x, loc.y);
+        this.setCurrentTextStyle(text);
+        const textWithBg = this.createBoxedText(svgMarkup, text);
+        if (!isDynamics) {
+            const markup = this.markup;
+            const undo = markup.undo;
+            undo.performOperation(this.keyin, () => { undo.onAdded(distanceLine); undo.onAdded(textWithBg); });
+            markup.selected.restart(textWithBg); // Select text+box so that user can freely position relative to distance line...
+        }
+    }
+    async onDataButtonDown(ev) {
+        if (undefined === await core_frontend_1.IModelApp.quantityFormatter.getFormatterSpecByQuantityType(core_frontend_1.QuantityType.Length)) {
+            await this.onReinitialize();
+            return core_frontend_1.EventHandled.No;
+        }
+        if (0 === this._points.length)
+            this._startPointWorld.setFrom(ev.point);
+        return super.onDataButtonDown(ev);
+    }
+}
+exports.DistanceTool = DistanceTool;
+DistanceTool.toolId = "Markup.Distance";
+DistanceTool.iconSpec = "icon-distance";
+/** Tool for placing Markup freehand sketches
+ * @public
+ */
+class SketchTool extends RedlineTool {
+    constructor() {
+        super(...arguments);
+        this._minDistSquared = 100;
+    }
+    showPrompt() { this.provideToolAssistance(core_frontend_1.CoreTools.tools + (0 === this._points.length ? "ElementSet.Prompts.StartPoint" : "ElementSet.Prompts.EndPoint")); }
+    createMarkup(svgMarkup, ev, isDynamics) {
+        if (this._points.length < (isDynamics ? this._nRequiredPoints - 1 : this._nRequiredPoints))
+            return;
+        const pts = [];
+        const evPt = Markup_1.MarkupApp.convertVpToVb(ev.viewPoint);
+        this._points.forEach((pt) => { pts.push(pt.x); pts.push(pt.y); });
+        if (isDynamics && !evPt.isAlmostEqualXY(this._points[this._points.length - 1])) {
+            pts.push(evPt.x);
+            pts.push(evPt.y);
+        }
+        const isClosed = (this._points.length > 2 && (this._points[0].distanceSquaredXY(isDynamics ? evPt : this._points[this._points.length - 1]) < this._minDistSquared * 2));
+        const element = isClosed ? svgMarkup.polygon(pts) : svgMarkup.polyline(pts);
+        this.setCurrentStyle(element, isClosed);
+        if (!isDynamics)
+            this.onAdded(element);
+    }
+    async onMouseMotion(ev) {
+        const evPt = Markup_1.MarkupApp.convertVpToVb(ev.viewPoint);
+        if (undefined !== ev.viewport && this._points.length > 0 && evPt.distanceSquaredXY(this._points[this._points.length - 1]) > this._minDistSquared)
+            this._points.push(evPt);
+        return super.onMouseMotion(ev);
+    }
+}
+exports.SketchTool = SketchTool;
+SketchTool.toolId = "Markup.Sketch";
+SketchTool.iconSpec = "icon-draw";
+/** Tool for placing SVG symbols on a Markup
+ * @public
+ */
+class SymbolTool extends RedlineTool {
+    constructor(_symbolData, _applyCurrentStyle) {
+        super();
+        this._symbolData = _symbolData;
+        this._applyCurrentStyle = _applyCurrentStyle;
+    }
+    async onInstall() { if (undefined === this._symbolData)
+        return false; return super.onInstall(); }
+    showPrompt() { this.provideToolAssistance(0 === this._points.length ? (`${MarkupTool_1.MarkupTool.toolKey}Symbol.Prompts.FirstPoint`) : `${core_frontend_1.CoreTools.tools}ElementSet.Prompts.OppositeCorner`, true); }
+    createMarkup(svgMarkup, ev, isDynamics) {
+        if (undefined === this._symbolData)
+            return;
+        if (this._points.length < this._minPoints)
+            return;
+        const start = this._points[0];
+        const end = isDynamics ? Markup_1.MarkupApp.convertVpToVb(ev.viewPoint) : this._points[this._points.length - 1];
+        const vec = start.vectorTo(end);
+        const width = Math.abs(vec.x);
+        const height = Math.abs(vec.y);
+        if ((width < 10 || height < 10) && (isDynamics || this._points.length !== this._minPoints))
+            return;
+        if (undefined === this._symbol) {
+            const symbol = svgMarkup.group().svg(this._symbolData); // creating group instead of using symbol because of inability to flash/hilite multi-color symbol instance...
+            if (0 === symbol.children().length) {
+                symbol.remove();
+                this._symbolData = undefined;
+            }
+            try {
+                symbol.flatten(symbol);
+            }
+            catch (_a) { }
+            this._symbol = symbol;
+        }
+        else if (!isDynamics) {
+            svgMarkup.add(this._symbol);
+        }
+        const offset = core_geometry_1.Point3d.create(vec.x < 0 ? end.x : start.x, vec.y < 0 ? end.y : start.y); // define location by corner points...
+        if (!isDynamics && this._points.length === this._minPoints)
+            this._symbol.size(ev.viewport.viewRect.width * 0.1).center(offset.x, offset.y);
+        else if (!ev.isShiftKey)
+            this._symbol.size(width).move(offset.x, offset.y);
+        else
+            this._symbol.size(width, height).move(offset.x, offset.y);
+        if (this._applyCurrentStyle) {
+            const active = Markup_1.MarkupApp.props.active; // Apply color and transparency only; using active stroke-width, etc. for pre-defined symbols is likely undesirable...
+            this._symbol.forElementsOfGroup((child) => {
+                const css = window.getComputedStyle(child.node);
+                const toValue = (val, newVal) => (!val || val === "none") ? "none" : newVal;
+                child.css({ "fill": toValue(css.fill, active.element.fill), "stroke": toValue(css.stroke, active.element.stroke), "fill-opacity": active.element["fill-opacity"], "stroke-opacity": active.element["stroke-opacity"] });
+            });
+        }
+        if (!isDynamics)
+            this.onAdded(this._symbol);
+    }
+    async onDataButtonUp(ev) {
+        if (undefined === ev.viewport || this._points.length !== this._minPoints)
+            return core_frontend_1.EventHandled.No;
+        this.createMarkup(this.markup.svgMarkup, ev, false);
+        await this.onReinitialize();
+        return core_frontend_1.EventHandled.No;
+    }
+    async onResetButtonUp(_ev) {
+        await this.onReinitialize();
+        return core_frontend_1.EventHandled.No;
+    }
+    clearDynamicsMarkup(isDynamics) {
+        if (!isDynamics)
+            super.clearDynamicsMarkup(isDynamics); // For dynamics we don't create a new symbol each frame, we just set the width/height...
+    }
+}
+exports.SymbolTool = SymbolTool;
+SymbolTool.toolId = "Markup.Symbol";
+SymbolTool.iconSpec = "icon-symbol";
+//# sourceMappingURL=RedlineTool.js.map