@itwin/core-markup 4.0.0-dev.8 → 4.0.0-dev.80

package/lib/esm/TextEdit.js

@@ -1,192 +1,194 @@
-/*---------------------------------------------------------------------------------------------
-* 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
- */
-import { CoreTools, EventHandled, IModelApp, InputSource, ToolAssistance, ToolAssistanceImage, ToolAssistanceInputMethod, } from "@itwin/core-frontend";
-import { G, Text as MarkupText } from "@svgdotjs/svg.js";
-import { MarkupApp } from "./Markup";
-import { MarkupTool } from "./MarkupTool";
-import { RedlineTool } from "./RedlineTool";
-// cspell:ignore rbox
-/** Tool to place new text notes on a Markup.
- * @public
- */
-export class PlaceTextTool extends RedlineTool {
-    constructor() {
-        super(...arguments);
-        this._nRequiredPoints = 1;
-        this._minPoints = 0;
-    }
-    async onPostInstall() {
-        this._value = MarkupApp.props.text.startValue; // so applications can put a default string (e.g. user's initials) in the note. Can be empty
-        return super.onPostInstall();
-    }
-    showPrompt() { this.provideToolAssistance(`${MarkupTool.toolKey}Text.Place.Prompts.FirstPoint`, true); }
-    async createMarkup(svg, ev, isDynamics) {
-        if (isDynamics && InputSource.Touch === ev.inputSource)
-            return;
-        const start = MarkupApp.convertVpToVb(ev.viewPoint); // starting point in viewbox coordinates
-        const text = new MarkupText().plain(this._value); // create a plain text element
-        svg.put(text); // add it to the supplied container
-        this.setCurrentTextStyle(text); // apply active text style
-        text.translate(start.x, start.y); // and position it relative to the cursor
-        if (isDynamics) {
-            svg.add(text.getOutline().attr(MarkupApp.props.text.edit.textBox).addClass(MarkupApp.textOutlineClass)); // in dynamics, draw the box around the text
-        }
-        else {
-            await new EditTextTool(text, true).run(); // text is now positioned, open text editor
-        }
-    }
-    async onResetButtonUp(_ev) {
-        await this.exitTool();
-        return EventHandled.Yes;
-    }
-}
-PlaceTextTool.toolId = "Markup.Text.Place";
-PlaceTextTool.iconSpec = "icon-text-medium";
-/** Tool for editing text. Started automatically by the place text tool and by clicking on text from the SelectTool
- * @public
- */
-export class EditTextTool extends MarkupTool {
-    constructor(text, _fromPlaceTool = false) {
-        super();
-        this.text = text;
-        this._fromPlaceTool = _fromPlaceTool;
-    }
-    showPrompt() {
-        const mainInstruction = ToolAssistance.createInstruction(this.iconSpec, IModelApp.localization.getLocalizedString(`${MarkupTool.toolKey}Text.Edit.Prompts.FirstPoint`));
-        const mouseInstructions = [];
-        const touchInstructions = [];
-        const acceptMsg = CoreTools.translate("ElementSet.Inputs.Accept");
-        const rejectMsg = CoreTools.translate("ElementSet.Inputs.Exit");
-        touchInstructions.push(ToolAssistance.createInstruction(ToolAssistanceImage.OneTouchTap, acceptMsg, false, ToolAssistanceInputMethod.Touch));
-        mouseInstructions.push(ToolAssistance.createInstruction(ToolAssistanceImage.LeftClick, acceptMsg, false, ToolAssistanceInputMethod.Mouse));
-        touchInstructions.push(ToolAssistance.createInstruction(ToolAssistanceImage.TwoTouchTap, rejectMsg, false, ToolAssistanceInputMethod.Touch));
-        mouseInstructions.push(ToolAssistance.createInstruction(ToolAssistanceImage.RightClick, rejectMsg, false, ToolAssistanceInputMethod.Mouse));
-        const sections = [];
-        sections.push(ToolAssistance.createSection(mouseInstructions, ToolAssistance.inputsLabel));
-        sections.push(ToolAssistance.createSection(touchInstructions, ToolAssistance.inputsLabel));
-        const instructions = ToolAssistance.createInstructions(mainInstruction, sections);
-        IModelApp.notifications.setToolAssistance(instructions);
-    }
-    /** Open the text editor  */
-    startEditor() {
-        let text = this.text;
-        if (text === undefined)
-            return;
-        if (text instanceof G) {
-            this.boxed = text;
-            text = text.children()[1];
-            if (!(text instanceof MarkupText))
-                return;
-            this.text = text;
-        }
-        const markupDiv = this.markup.markupDiv;
-        const editDiv = this.editDiv = document.createElement("div"); // create a new DIV to hold the text editor
-        const editProps = MarkupApp.props.text.edit;
-        let style = editDiv.style;
-        style.backgroundColor = editProps.background;
-        style.top = style.left = "0";
-        style.right = style.bottom = "100%";
-        markupDiv.appendChild(editDiv); // add textEditor div to markup div
-        const divRect = markupDiv.getBoundingClientRect();
-        const outline = text.getOutline(); // use the outline rather than the text in case it's blank.
-        text.after(outline); // we have to add it to the DOM or the rbox call doesn't work.
-        const rbox = outline.rbox();
-        const bbox = outline.bbox();
-        outline.remove(); // take it out again.
-        const editor = this.editor = document.createElement("textarea");
-        editDiv.appendChild(editor);
-        editor.className = MarkupApp.textEditorClass;
-        editor.contentEditable = "true";
-        editor.spellcheck = true;
-        editor.wrap = "off";
-        // so we don't send these events to the ToolAdmin and process them by tools. We want default handling
-        const mouseListener = (ev) => (ev.stopPropagation(), true);
-        editor.onselectstart = editor.oncontextmenu = editor.onmousedown = editor.onmouseup = mouseListener; // enable default handling for these events
-        // Tab, Escape, ctrl-enter, or shift-enter all end the editor
-        editor.onkeydown = async (ev) => {
-            if (ev.key === "Tab" || ev.key === "Escape" || (ev.key === "Enter" && (ev.shiftKey || ev.ctrlKey)))
-                this.exitTool(); // eslint-disable-line @typescript-eslint/no-floating-promises
-            ev.stopPropagation();
-        };
-        const textElStyle = window.getComputedStyle(text.node);
-        style = editor.style;
-        style.pointerEvents = "auto";
-        style.position = "absolute";
-        style.top = `${(rbox.cy - (bbox.h / 2)) - divRect.top}px`; // put the editor over the middle of the text element
-        style.left = `${(rbox.cx - (bbox.w / 2)) - divRect.left}px`;
-        style.height = editProps.size.height;
-        style.width = editProps.size.width;
-        style.resize = "both";
-        style.fontFamily = textElStyle.fontFamily; // set the font family and anchor to the same as the text element
-        style.textAnchor = textElStyle.textAnchor;
-        style.fontSize = editProps.fontSize; // from app.props
-        const parentZ = parseInt(window.getComputedStyle(markupDiv).zIndex || "0", 10);
-        style.zIndex = (parentZ + 200).toString();
-        editor.innerHTML = text.getMarkup(); // start with existing text
-        this.editor.focus(); // give the editor focus
-        // if we're started from the place text tool, select the entire current value, otherwise place the cursor at the end.
-        this.editor.setSelectionRange(this._fromPlaceTool ? 0 : editor.value.length, editor.value.length);
-    }
-    /** Called when EditText exits, saves the edited value into the text element */
-    async onCleanup() {
-        if (!this.editDiv)
-            return;
-        const text = this.text;
-        const original = this.boxed ? this.boxed : text;
-        const undo = this.markup.undo;
-        undo.performOperation(this.keyin, () => {
-            const newVal = this.editor.value;
-            if (newVal.trim() === "") { // if the result of the editing is blank, just delete the text element
-                if (!this._fromPlaceTool)
-                    undo.onDelete(original);
-                original.remove(); // must do this *after* we call undo.onDelete
-                return;
-            }
-            let newText = text.clone();
-            const fontSize = text.getFontSize();
-            newText.createMarkup(newVal, fontSize);
-            if (this.boxed) {
-                newText = this.createBoxedText(original.parent(), newText);
-                newText.matrix(original.matrix());
-            }
-            original.replace(newText);
-            if (this._fromPlaceTool)
-                undo.onAdded(newText);
-            else
-                undo.onModified(newText, original);
-        });
-        const editSize = MarkupApp.props.text.edit.size;
-        const style = this.editor.style;
-        editSize.height = style.height;
-        editSize.width = style.width;
-        this.editDiv.remove();
-        this.editDiv = undefined;
-        this.editor = undefined;
-    }
-    async onInstall() {
-        if (!await super.onInstall())
-            return false;
-        this.startEditor();
-        return true;
-    }
-    async onResetButtonUp(_ev) {
-        await this.exitTool();
-        return EventHandled.Yes;
-    }
-    async onDataButtonUp(_ev) {
-        await this.exitTool();
-        return EventHandled.Yes;
-    }
-    async onMouseStartDrag(_ev) {
-        await this.exitTool();
-        return EventHandled.Yes;
-    }
-}
-EditTextTool.toolId = "Markup.Text.Edit";
-EditTextTool.iconSpec = "icon-text-medium";
+/*---------------------------------------------------------------------------------------------
+* 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
+ */
+import { CoreTools, EventHandled, IModelApp, InputSource, ToolAssistance, ToolAssistanceImage, ToolAssistanceInputMethod, } from "@itwin/core-frontend";
+import { G, Text as MarkupText } from "@svgdotjs/svg.js";
+import { MarkupApp } from "./Markup";
+import { MarkupTool } from "./MarkupTool";
+import { RedlineTool } from "./RedlineTool";
+// cspell:ignore rbox
+/** Tool to place new text notes on a Markup.
+ * @public
+ */
+class PlaceTextTool extends RedlineTool {
+    constructor() {
+        super(...arguments);
+        this._nRequiredPoints = 1;
+        this._minPoints = 0;
+    }
+    async onPostInstall() {
+        this._value = MarkupApp.props.text.startValue; // so applications can put a default string (e.g. user's initials) in the note. Can be empty
+        return super.onPostInstall();
+    }
+    showPrompt() { this.provideToolAssistance(`${MarkupTool.toolKey}Text.Place.Prompts.FirstPoint`, true); }
+    async createMarkup(svg, ev, isDynamics) {
+        if (isDynamics && InputSource.Touch === ev.inputSource)
+            return;
+        const start = MarkupApp.convertVpToVb(ev.viewPoint); // starting point in viewbox coordinates
+        const text = new MarkupText().plain(this._value); // create a plain text element
+        svg.put(text); // add it to the supplied container
+        this.setCurrentTextStyle(text); // apply active text style
+        text.translate(start.x, start.y); // and position it relative to the cursor
+        if (isDynamics) {
+            svg.add(text.getOutline().attr(MarkupApp.props.text.edit.textBox).addClass(MarkupApp.textOutlineClass)); // in dynamics, draw the box around the text
+        }
+        else {
+            await new EditTextTool(text, true).run(); // text is now positioned, open text editor
+        }
+    }
+    async onResetButtonUp(_ev) {
+        await this.exitTool();
+        return EventHandled.Yes;
+    }
+}
+PlaceTextTool.toolId = "Markup.Text.Place";
+PlaceTextTool.iconSpec = "icon-text-medium";
+export { PlaceTextTool };
+/** Tool for editing text. Started automatically by the place text tool and by clicking on text from the SelectTool
+ * @public
+ */
+class EditTextTool extends MarkupTool {
+    constructor(text, _fromPlaceTool = false) {
+        super();
+        this.text = text;
+        this._fromPlaceTool = _fromPlaceTool;
+    }
+    showPrompt() {
+        const mainInstruction = ToolAssistance.createInstruction(this.iconSpec, IModelApp.localization.getLocalizedString(`${MarkupTool.toolKey}Text.Edit.Prompts.FirstPoint`));
+        const mouseInstructions = [];
+        const touchInstructions = [];
+        const acceptMsg = CoreTools.translate("ElementSet.Inputs.Accept");
+        const rejectMsg = CoreTools.translate("ElementSet.Inputs.Exit");
+        touchInstructions.push(ToolAssistance.createInstruction(ToolAssistanceImage.OneTouchTap, acceptMsg, false, ToolAssistanceInputMethod.Touch));
+        mouseInstructions.push(ToolAssistance.createInstruction(ToolAssistanceImage.LeftClick, acceptMsg, false, ToolAssistanceInputMethod.Mouse));
+        touchInstructions.push(ToolAssistance.createInstruction(ToolAssistanceImage.TwoTouchTap, rejectMsg, false, ToolAssistanceInputMethod.Touch));
+        mouseInstructions.push(ToolAssistance.createInstruction(ToolAssistanceImage.RightClick, rejectMsg, false, ToolAssistanceInputMethod.Mouse));
+        const sections = [];
+        sections.push(ToolAssistance.createSection(mouseInstructions, ToolAssistance.inputsLabel));
+        sections.push(ToolAssistance.createSection(touchInstructions, ToolAssistance.inputsLabel));
+        const instructions = ToolAssistance.createInstructions(mainInstruction, sections);
+        IModelApp.notifications.setToolAssistance(instructions);
+    }
+    /** Open the text editor  */
+    startEditor() {
+        let text = this.text;
+        if (text === undefined)
+            return;
+        if (text instanceof G) {
+            this.boxed = text;
+            text = text.children()[1];
+            if (!(text instanceof MarkupText))
+                return;
+            this.text = text;
+        }
+        const markupDiv = this.markup.markupDiv;
+        const editDiv = this.editDiv = document.createElement("div"); // create a new DIV to hold the text editor
+        const editProps = MarkupApp.props.text.edit;
+        let style = editDiv.style;
+        style.backgroundColor = editProps.background;
+        style.top = style.left = "0";
+        style.right = style.bottom = "100%";
+        markupDiv.appendChild(editDiv); // add textEditor div to markup div
+        const divRect = markupDiv.getBoundingClientRect();
+        const outline = text.getOutline(); // use the outline rather than the text in case it's blank.
+        text.after(outline); // we have to add it to the DOM or the rbox call doesn't work.
+        const rbox = outline.rbox();
+        const bbox = outline.bbox();
+        outline.remove(); // take it out again.
+        const editor = this.editor = document.createElement("textarea");
+        editDiv.appendChild(editor);
+        editor.className = MarkupApp.textEditorClass;
+        editor.contentEditable = "true";
+        editor.spellcheck = true;
+        editor.wrap = "off";
+        // so we don't send these events to the ToolAdmin and process them by tools. We want default handling
+        const mouseListener = (ev) => (ev.stopPropagation(), true);
+        editor.onselectstart = editor.oncontextmenu = editor.onmousedown = editor.onmouseup = mouseListener; // enable default handling for these events
+        // Tab, Escape, ctrl-enter, or shift-enter all end the editor
+        editor.onkeydown = async (ev) => {
+            if (ev.key === "Tab" || ev.key === "Escape" || (ev.key === "Enter" && (ev.shiftKey || ev.ctrlKey)))
+                this.exitTool(); // eslint-disable-line @typescript-eslint/no-floating-promises
+            ev.stopPropagation();
+        };
+        const textElStyle = window.getComputedStyle(text.node);
+        style = editor.style;
+        style.pointerEvents = "auto";
+        style.position = "absolute";
+        style.top = `${(rbox.cy - (bbox.h / 2)) - divRect.top}px`; // put the editor over the middle of the text element
+        style.left = `${(rbox.cx - (bbox.w / 2)) - divRect.left}px`;
+        style.height = editProps.size.height;
+        style.width = editProps.size.width;
+        style.resize = "both";
+        style.fontFamily = textElStyle.fontFamily; // set the font family and anchor to the same as the text element
+        style.textAnchor = textElStyle.textAnchor;
+        style.fontSize = editProps.fontSize; // from app.props
+        const parentZ = parseInt(window.getComputedStyle(markupDiv).zIndex || "0", 10);
+        style.zIndex = (parentZ + 200).toString();
+        editor.innerHTML = text.getMarkup(); // start with existing text
+        this.editor.focus(); // give the editor focus
+        // if we're started from the place text tool, select the entire current value, otherwise place the cursor at the end.
+        this.editor.setSelectionRange(this._fromPlaceTool ? 0 : editor.value.length, editor.value.length);
+    }
+    /** Called when EditText exits, saves the edited value into the text element */
+    async onCleanup() {
+        if (!this.editDiv)
+            return;
+        const text = this.text;
+        const original = this.boxed ? this.boxed : text;
+        const undo = this.markup.undo;
+        undo.performOperation(this.keyin, () => {
+            const newVal = this.editor.value;
+            if (newVal.trim() === "") { // if the result of the editing is blank, just delete the text element
+                if (!this._fromPlaceTool)
+                    undo.onDelete(original);
+                original.remove(); // must do this *after* we call undo.onDelete
+                return;
+            }
+            let newText = text.clone();
+            const fontSize = text.getFontSize();
+            newText.createMarkup(newVal, fontSize);
+            if (this.boxed) {
+                newText = this.createBoxedText(original.parent(), newText);
+                newText.matrix(original.matrix());
+            }
+            original.replace(newText);
+            if (this._fromPlaceTool)
+                undo.onAdded(newText);
+            else
+                undo.onModified(newText, original);
+        });
+        const editSize = MarkupApp.props.text.edit.size;
+        const style = this.editor.style;
+        editSize.height = style.height;
+        editSize.width = style.width;
+        this.editDiv.remove();
+        this.editDiv = undefined;
+        this.editor = undefined;
+    }
+    async onInstall() {
+        if (!await super.onInstall())
+            return false;
+        this.startEditor();
+        return true;
+    }
+    async onResetButtonUp(_ev) {
+        await this.exitTool();
+        return EventHandled.Yes;
+    }
+    async onDataButtonUp(_ev) {
+        await this.exitTool();
+        return EventHandled.Yes;
+    }
+    async onMouseStartDrag(_ev) {
+        await this.exitTool();
+        return EventHandled.Yes;
+    }
+}
+EditTextTool.toolId = "Markup.Text.Edit";
+EditTextTool.iconSpec = "icon-text-medium";
+export { EditTextTool };
 //# sourceMappingURL=TextEdit.js.map

package/lib/esm/TextEdit.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextEdit.js","sourceRoot":"","sources":["../../src/TextEdit.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 {\r\n  BeButtonEvent, CoreTools, EventHandled, IModelApp, InputSource, ToolAssistance, ToolAssistanceImage, ToolAssistanceInputMethod,\r\n  ToolAssistanceInstruction, ToolAssistanceSection,\r\n} from \"@itwin/core-frontend\";\r\nimport { G, Text as MarkupText } from \"@svgdotjs/svg.js\";\r\nimport { MarkupApp } from \"./Markup\";\r\nimport { MarkupTool } from \"./MarkupTool\";\r\nimport { RedlineTool } from \"./RedlineTool\";\r\n\r\n// cspell:ignore rbox\r\n\r\n/** Tool to place new text notes on a Markup.\r\n * @public\r\n */\r\nexport class PlaceTextTool extends RedlineTool {\r\n  public static override toolId = \"Markup.Text.Place\";\r\n  public static override iconSpec = \"icon-text-medium\";\r\n  protected override _nRequiredPoints = 1;\r\n  protected override _minPoints = 0;\r\n  protected _value!: string;\r\n\r\n  public override async onPostInstall() {\r\n    this._value = MarkupApp.props.text.startValue; // so applications can put a default string (e.g. user's initials) in the note. Can be empty\r\n    return super.onPostInstall();\r\n  }\r\n\r\n  protected override showPrompt(): void { this.provideToolAssistance(`${MarkupTool.toolKey}Text.Place.Prompts.FirstPoint`, true); }\r\n\r\n  protected override async createMarkup(svg: G, ev: BeButtonEvent, isDynamics: boolean): Promise<void> {\r\n    if (isDynamics && InputSource.Touch === ev.inputSource)\r\n      return;\r\n    const start = MarkupApp.convertVpToVb(ev.viewPoint); // starting point in viewbox coordinates\r\n    const text = new MarkupText().plain(this._value); // create a plain text element\r\n    svg.put(text); // add it to the supplied container\r\n    this.setCurrentTextStyle(text); // apply active text style\r\n    text.translate(start.x, start.y); // and position it relative to the cursor\r\n    if (isDynamics) {\r\n      svg.add(text.getOutline().attr(MarkupApp.props.text.edit.textBox).addClass(MarkupApp.textOutlineClass)); // in dynamics, draw the box around the text\r\n    } else {\r\n      await new EditTextTool(text, true).run(); // text is now positioned, open text editor\r\n    }\r\n  }\r\n  public override async onResetButtonUp(_ev: BeButtonEvent): Promise<EventHandled> {\r\n    await this.exitTool();\r\n    return EventHandled.Yes;\r\n  }\r\n}\r\n\r\n/** Tool for editing text. Started automatically by the place text tool and by clicking on text from the SelectTool\r\n * @public\r\n */\r\nexport class EditTextTool extends MarkupTool {\r\n  public static override toolId = \"Markup.Text.Edit\";\r\n  public static override iconSpec = \"icon-text-medium\";\r\n  public editor?: HTMLTextAreaElement;\r\n  public editDiv?: HTMLDivElement;\r\n  public boxed?: G;\r\n  constructor(public text?: MarkupText | G, private _fromPlaceTool = false) { super(); }\r\n\r\n  protected override showPrompt(): void {\r\n    const mainInstruction = ToolAssistance.createInstruction(this.iconSpec, IModelApp.localization.getLocalizedString(`${MarkupTool.toolKey}Text.Edit.Prompts.FirstPoint`));\r\n    const mouseInstructions: ToolAssistanceInstruction[] = [];\r\n    const touchInstructions: ToolAssistanceInstruction[] = [];\r\n\r\n    const acceptMsg = CoreTools.translate(\"ElementSet.Inputs.Accept\");\r\n    const rejectMsg = CoreTools.translate(\"ElementSet.Inputs.Exit\");\r\n    touchInstructions.push(ToolAssistance.createInstruction(ToolAssistanceImage.OneTouchTap, acceptMsg, false, ToolAssistanceInputMethod.Touch));\r\n    mouseInstructions.push(ToolAssistance.createInstruction(ToolAssistanceImage.LeftClick, acceptMsg, false, ToolAssistanceInputMethod.Mouse));\r\n    touchInstructions.push(ToolAssistance.createInstruction(ToolAssistanceImage.TwoTouchTap, rejectMsg, false, ToolAssistanceInputMethod.Touch));\r\n    mouseInstructions.push(ToolAssistance.createInstruction(ToolAssistanceImage.RightClick, rejectMsg, false, ToolAssistanceInputMethod.Mouse));\r\n\r\n    const sections: ToolAssistanceSection[] = [];\r\n    sections.push(ToolAssistance.createSection(mouseInstructions, ToolAssistance.inputsLabel));\r\n    sections.push(ToolAssistance.createSection(touchInstructions, ToolAssistance.inputsLabel));\r\n\r\n    const instructions = ToolAssistance.createInstructions(mainInstruction, sections);\r\n    IModelApp.notifications.setToolAssistance(instructions);\r\n  }\r\n\r\n  /** Open the text editor  */\r\n  public startEditor() {\r\n    let text = this.text;\r\n    if (text === undefined)\r\n      return;\r\n\r\n    if (text instanceof G) {\r\n      this.boxed = text;\r\n      text = text.children()[1] as MarkupText;\r\n      if (!(text instanceof MarkupText))\r\n        return;\r\n      this.text = text;\r\n    }\r\n    const markupDiv = this.markup.markupDiv;\r\n    const editDiv = this.editDiv = document.createElement(\"div\"); // create a new DIV to hold the text editor\r\n    const editProps = MarkupApp.props.text.edit;\r\n    let style = editDiv.style;\r\n    style.backgroundColor = editProps.background;\r\n    style.top = style.left = \"0\";\r\n    style.right = style.bottom = \"100%\";\r\n\r\n    markupDiv.appendChild(editDiv); // add textEditor div to markup div\r\n\r\n    const divRect = markupDiv.getBoundingClientRect();\r\n    const outline = text.getOutline(); // use the outline rather than the text in case it's blank.\r\n    text.after(outline); // we have to add it to the DOM or the rbox call doesn't work.\r\n    const rbox = outline.rbox();\r\n    const bbox = outline.bbox();\r\n    outline.remove(); // take it out again.\r\n    const editor = this.editor = document.createElement(\"textarea\");\r\n    editDiv.appendChild(editor);\r\n    editor.className = MarkupApp.textEditorClass;\r\n    editor.contentEditable = \"true\";\r\n    editor.spellcheck = true;\r\n    editor.wrap = \"off\";\r\n    // so we don't send these events to the ToolAdmin and process them by tools. We want default handling\r\n    const mouseListener = (ev: Event) => (ev.stopPropagation(), true);\r\n    (editor as any).onselectstart = editor.oncontextmenu = editor.onmousedown = editor.onmouseup = mouseListener; // enable default handling for these events\r\n\r\n    // Tab, Escape, ctrl-enter, or shift-enter all end the editor\r\n    editor.onkeydown = async (ev: KeyboardEvent) => {\r\n      if (ev.key === \"Tab\" || ev.key === \"Escape\" || (ev.key === \"Enter\" && (ev.shiftKey || ev.ctrlKey)))\r\n        this.exitTool(); // eslint-disable-line @typescript-eslint/no-floating-promises\r\n      ev.stopPropagation();\r\n\r\n    };\r\n    const textElStyle = window.getComputedStyle(text.node);\r\n\r\n    style = editor.style;\r\n    style.pointerEvents = \"auto\";\r\n    style.position = \"absolute\";\r\n    style.top = `${(rbox.cy - (bbox.h / 2)) - divRect.top}px`; // put the editor over the middle of the text element\r\n    style.left = `${(rbox.cx - (bbox.w / 2)) - divRect.left}px`;\r\n    style.height = editProps.size.height;\r\n    style.width = editProps.size.width;\r\n    style.resize = \"both\";\r\n    style.fontFamily = textElStyle.fontFamily; // set the font family and anchor to the same as the text element\r\n    style.textAnchor = textElStyle.textAnchor;\r\n    style.fontSize = editProps.fontSize; // from app.props\r\n\r\n    const parentZ = parseInt(window.getComputedStyle(markupDiv).zIndex || \"0\", 10);\r\n    style.zIndex = (parentZ + 200).toString();\r\n\r\n    editor.innerHTML = text.getMarkup(); // start with existing text\r\n    this.editor.focus(); // give the editor focus\r\n\r\n    // if we're started from the place text tool, select the entire current value, otherwise place the cursor at the end.\r\n    this.editor.setSelectionRange(this._fromPlaceTool ? 0 : editor.value.length, editor.value.length);\r\n  }\r\n\r\n  /** Called when EditText exits, saves the edited value into the text element */\r\n  public override async onCleanup() {\r\n    if (!this.editDiv)\r\n      return;\r\n\r\n    const text = this.text! as MarkupText;\r\n    const original = this.boxed ? this.boxed : text;\r\n    const undo = this.markup.undo;\r\n    undo.performOperation(this.keyin, () => {\r\n      const newVal = this.editor!.value;\r\n      if (newVal.trim() === \"\") { // if the result of the editing is blank, just delete the text element\r\n        if (!this._fromPlaceTool)\r\n          undo.onDelete(original);\r\n        original.remove(); // must do this *after* we call undo.onDelete\r\n        return;\r\n      }\r\n\r\n      let newText: G | MarkupText = text.clone();\r\n      const fontSize = text.getFontSize();\r\n      newText.createMarkup(newVal, fontSize);\r\n      if (this.boxed) {\r\n        newText = this.createBoxedText((original as G).parent() as G, newText);\r\n        newText.matrix(original.matrix());\r\n      }\r\n      original.replace(newText);\r\n      if (this._fromPlaceTool)\r\n        undo.onAdded(newText);\r\n      else\r\n        undo.onModified(newText, original);\r\n    });\r\n\r\n    const editSize = MarkupApp.props.text.edit.size;\r\n    const style = this.editor!.style;\r\n    editSize.height = style.height;\r\n    editSize.width = style.width;\r\n    this.editDiv.remove();\r\n    this.editDiv = undefined;\r\n    this.editor = undefined;\r\n  }\r\n\r\n  public override async onInstall() {\r\n    if (!await super.onInstall())\r\n      return false;\r\n    this.startEditor();\r\n    return true;\r\n  }\r\n\r\n  public override async onResetButtonUp(_ev: BeButtonEvent): Promise<EventHandled> {\r\n    await this.exitTool();\r\n    return EventHandled.Yes;\r\n  }\r\n\r\n  public override async onDataButtonUp(_ev: BeButtonEvent): Promise<EventHandled> {\r\n    await this.exitTool();\r\n    return EventHandled.Yes;\r\n  }\r\n\r\n  public override async onMouseStartDrag(_ev: BeButtonEvent): Promise<EventHandled> {\r\n    await this.exitTool();\r\n    return EventHandled.Yes;\r\n  }\r\n}\r\n"]}
+{"version":3,"file":"TextEdit.js","sourceRoot":"","sources":["../../src/TextEdit.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 {\r\n  BeButtonEvent, CoreTools, EventHandled, IModelApp, InputSource, ToolAssistance, ToolAssistanceImage, ToolAssistanceInputMethod,\r\n  ToolAssistanceInstruction, ToolAssistanceSection,\r\n} from \"@itwin/core-frontend\";\r\nimport { G, Text as MarkupText } from \"@svgdotjs/svg.js\";\r\nimport { MarkupApp } from \"./Markup\";\r\nimport { MarkupTool } from \"./MarkupTool\";\r\nimport { RedlineTool } from \"./RedlineTool\";\r\n\r\n// cspell:ignore rbox\r\n\r\n/** Tool to place new text notes on a Markup.\r\n * @public\r\n */\r\nexport class PlaceTextTool extends RedlineTool {\r\n  public static override toolId = \"Markup.Text.Place\";\r\n  public static override iconSpec = \"icon-text-medium\";\r\n  protected override _nRequiredPoints = 1;\r\n  protected override _minPoints = 0;\r\n  protected _value!: string;\r\n\r\n  public override async onPostInstall() {\r\n    this._value = MarkupApp.props.text.startValue; // so applications can put a default string (e.g. user's initials) in the note. Can be empty\r\n    return super.onPostInstall();\r\n  }\r\n\r\n  protected override showPrompt(): void { this.provideToolAssistance(`${MarkupTool.toolKey}Text.Place.Prompts.FirstPoint`, true); }\r\n\r\n  protected override async createMarkup(svg: G, ev: BeButtonEvent, isDynamics: boolean): Promise<void> {\r\n    if (isDynamics && InputSource.Touch === ev.inputSource)\r\n      return;\r\n    const start = MarkupApp.convertVpToVb(ev.viewPoint); // starting point in viewbox coordinates\r\n    const text = new MarkupText().plain(this._value); // create a plain text element\r\n    svg.put(text); // add it to the supplied container\r\n    this.setCurrentTextStyle(text); // apply active text style\r\n    text.translate(start.x, start.y); // and position it relative to the cursor\r\n    if (isDynamics) {\r\n      svg.add(text.getOutline().attr(MarkupApp.props.text.edit.textBox).addClass(MarkupApp.textOutlineClass)); // in dynamics, draw the box around the text\r\n    } else {\r\n      await new EditTextTool(text, true).run(); // text is now positioned, open text editor\r\n    }\r\n  }\r\n  public override async onResetButtonUp(_ev: BeButtonEvent): Promise<EventHandled> {\r\n    await this.exitTool();\r\n    return EventHandled.Yes;\r\n  }\r\n}\r\n\r\n/** Tool for editing text. Started automatically by the place text tool and by clicking on text from the SelectTool\r\n * @public\r\n */\r\nexport class EditTextTool extends MarkupTool {\r\n  public static override toolId = \"Markup.Text.Edit\";\r\n  public static override iconSpec = \"icon-text-medium\";\r\n  public editor?: HTMLTextAreaElement;\r\n  public editDiv?: HTMLDivElement;\r\n  public boxed?: G;\r\n  constructor(public text?: MarkupText | G, private _fromPlaceTool = false) { super(); }\r\n\r\n  protected override showPrompt(): void {\r\n    const mainInstruction = ToolAssistance.createInstruction(this.iconSpec, IModelApp.localization.getLocalizedString(`${MarkupTool.toolKey}Text.Edit.Prompts.FirstPoint`));\r\n    const mouseInstructions: ToolAssistanceInstruction[] = [];\r\n    const touchInstructions: ToolAssistanceInstruction[] = [];\r\n\r\n    const acceptMsg = CoreTools.translate(\"ElementSet.Inputs.Accept\");\r\n    const rejectMsg = CoreTools.translate(\"ElementSet.Inputs.Exit\");\r\n    touchInstructions.push(ToolAssistance.createInstruction(ToolAssistanceImage.OneTouchTap, acceptMsg, false, ToolAssistanceInputMethod.Touch));\r\n    mouseInstructions.push(ToolAssistance.createInstruction(ToolAssistanceImage.LeftClick, acceptMsg, false, ToolAssistanceInputMethod.Mouse));\r\n    touchInstructions.push(ToolAssistance.createInstruction(ToolAssistanceImage.TwoTouchTap, rejectMsg, false, ToolAssistanceInputMethod.Touch));\r\n    mouseInstructions.push(ToolAssistance.createInstruction(ToolAssistanceImage.RightClick, rejectMsg, false, ToolAssistanceInputMethod.Mouse));\r\n\r\n    const sections: ToolAssistanceSection[] = [];\r\n    sections.push(ToolAssistance.createSection(mouseInstructions, ToolAssistance.inputsLabel));\r\n    sections.push(ToolAssistance.createSection(touchInstructions, ToolAssistance.inputsLabel));\r\n\r\n    const instructions = ToolAssistance.createInstructions(mainInstruction, sections);\r\n    IModelApp.notifications.setToolAssistance(instructions);\r\n  }\r\n\r\n  /** Open the text editor  */\r\n  public startEditor() {\r\n    let text = this.text;\r\n    if (text === undefined)\r\n      return;\r\n\r\n    if (text instanceof G) {\r\n      this.boxed = text;\r\n      text = text.children()[1] as MarkupText;\r\n      if (!(text instanceof MarkupText))\r\n        return;\r\n      this.text = text;\r\n    }\r\n    const markupDiv = this.markup.markupDiv;\r\n    const editDiv = this.editDiv = document.createElement(\"div\"); // create a new DIV to hold the text editor\r\n    const editProps = MarkupApp.props.text.edit;\r\n    let style = editDiv.style;\r\n    style.backgroundColor = editProps.background;\r\n    style.top = style.left = \"0\";\r\n    style.right = style.bottom = \"100%\";\r\n\r\n    markupDiv.appendChild(editDiv); // add textEditor div to markup div\r\n\r\n    const divRect = markupDiv.getBoundingClientRect();\r\n    const outline = text.getOutline(); // use the outline rather than the text in case it's blank.\r\n    text.after(outline); // we have to add it to the DOM or the rbox call doesn't work.\r\n    const rbox = outline.rbox();\r\n    const bbox = outline.bbox();\r\n    outline.remove(); // take it out again.\r\n    const editor = this.editor = document.createElement(\"textarea\");\r\n    editDiv.appendChild(editor);\r\n    editor.className = MarkupApp.textEditorClass;\r\n    editor.contentEditable = \"true\";\r\n    editor.spellcheck = true;\r\n    editor.wrap = \"off\";\r\n    // so we don't send these events to the ToolAdmin and process them by tools. We want default handling\r\n    const mouseListener = (ev: Event) => (ev.stopPropagation(), true);\r\n    (editor as any).onselectstart = editor.oncontextmenu = editor.onmousedown = editor.onmouseup = mouseListener; // enable default handling for these events\r\n\r\n    // Tab, Escape, ctrl-enter, or shift-enter all end the editor\r\n    editor.onkeydown = async (ev: KeyboardEvent) => {\r\n      if (ev.key === \"Tab\" || ev.key === \"Escape\" || (ev.key === \"Enter\" && (ev.shiftKey || ev.ctrlKey)))\r\n        this.exitTool(); // eslint-disable-line @typescript-eslint/no-floating-promises\r\n      ev.stopPropagation();\r\n\r\n    };\r\n    const textElStyle = window.getComputedStyle(text.node);\r\n\r\n    style = editor.style;\r\n    style.pointerEvents = \"auto\";\r\n    style.position = \"absolute\";\r\n    style.top = `${(rbox.cy - (bbox.h / 2)) - divRect.top}px`; // put the editor over the middle of the text element\r\n    style.left = `${(rbox.cx - (bbox.w / 2)) - divRect.left}px`;\r\n    style.height = editProps.size.height;\r\n    style.width = editProps.size.width;\r\n    style.resize = \"both\";\r\n    style.fontFamily = textElStyle.fontFamily; // set the font family and anchor to the same as the text element\r\n    style.textAnchor = textElStyle.textAnchor;\r\n    style.fontSize = editProps.fontSize; // from app.props\r\n\r\n    const parentZ = parseInt(window.getComputedStyle(markupDiv).zIndex || \"0\", 10);\r\n    style.zIndex = (parentZ + 200).toString();\r\n\r\n    editor.innerHTML = text.getMarkup(); // start with existing text\r\n    this.editor.focus(); // give the editor focus\r\n\r\n    // if we're started from the place text tool, select the entire current value, otherwise place the cursor at the end.\r\n    this.editor.setSelectionRange(this._fromPlaceTool ? 0 : editor.value.length, editor.value.length);\r\n  }\r\n\r\n  /** Called when EditText exits, saves the edited value into the text element */\r\n  public override async onCleanup() {\r\n    if (!this.editDiv)\r\n      return;\r\n\r\n    const text = this.text! as MarkupText;\r\n    const original = this.boxed ? this.boxed : text;\r\n    const undo = this.markup.undo;\r\n    undo.performOperation(this.keyin, () => {\r\n      const newVal = this.editor!.value;\r\n      if (newVal.trim() === \"\") { // if the result of the editing is blank, just delete the text element\r\n        if (!this._fromPlaceTool)\r\n          undo.onDelete(original);\r\n        original.remove(); // must do this *after* we call undo.onDelete\r\n        return;\r\n      }\r\n\r\n      let newText: G | MarkupText = text.clone();\r\n      const fontSize = text.getFontSize();\r\n      newText.createMarkup(newVal, fontSize);\r\n      if (this.boxed) {\r\n        newText = this.createBoxedText((original as G).parent() as G, newText);\r\n        newText.matrix(original.matrix());\r\n      }\r\n      original.replace(newText);\r\n      if (this._fromPlaceTool)\r\n        undo.onAdded(newText);\r\n      else\r\n        undo.onModified(newText, original);\r\n    });\r\n\r\n    const editSize = MarkupApp.props.text.edit.size;\r\n    const style = this.editor!.style;\r\n    editSize.height = style.height;\r\n    editSize.width = style.width;\r\n    this.editDiv.remove();\r\n    this.editDiv = undefined;\r\n    this.editor = undefined;\r\n  }\r\n\r\n  public override async onInstall() {\r\n    if (!await super.onInstall())\r\n      return false;\r\n    this.startEditor();\r\n    return true;\r\n  }\r\n\r\n  public override async onResetButtonUp(_ev: BeButtonEvent): Promise<EventHandled> {\r\n    await this.exitTool();\r\n    return EventHandled.Yes;\r\n  }\r\n\r\n  public override async onDataButtonUp(_ev: BeButtonEvent): Promise<EventHandled> {\r\n    await this.exitTool();\r\n    return EventHandled.Yes;\r\n  }\r\n\r\n  public override async onMouseStartDrag(_ev: BeButtonEvent): Promise<EventHandled> {\r\n    await this.exitTool();\r\n    return EventHandled.Yes;\r\n  }\r\n}\r\n"]}

package/lib/esm/Undo.d.ts

@@ -1,47 +1,47 @@
-/** @packageDocumentation
- * @module MarkupTools
- */
-import { Element as MarkupElement } from "@svgdotjs/svg.js";
-/** Stores the sequence of operations performed on a Markup. Facilitates undo/redo of the operations.
- * @public
- */
-export declare class UndoManager {
-    private _currentCmd;
-    private _grouped;
-    private _stack;
-    private _currentPos;
-    private _cmdName;
-    private addAction;
-    /** @internal */
-    get size(): number;
-    private startCommand;
-    private startGroup;
-    private endGroup;
-    /** Perform a series of changes to markup elements that should all be reversed as a single operation.
-     * @param fn the function that performs the changes to the elements. It must call the onXXX methods of this class to store
-     * the operations in the undo buffer.
-     * @note all of the onXXX methods of this class should *only* be called from within the callback function of this method.
-     */
-    performOperation(cmdName: string, fn: VoidFunction): void;
-    /** call this from within a [[performOperation]] function *after* an element has been added to a markup */
-    onAdded(elem: MarkupElement): void;
-    /** call this from within a [[performOperation]] function *before* an element is about to be deleted from a markup */
-    onDelete(elem: MarkupElement): void;
-    /** call this from within a [[performOperation]] function *after* an element has been moved in display order in a markup */
-    onRepositioned(elem: MarkupElement, oldIndex: number, oldParent: MarkupElement): void;
-    /** call this from within a [[performOperation]] function *after* an element has been modified in a markup */
-    onModified(newElem: MarkupElement, oldElem: MarkupElement): void;
-    /** determine whether there are any un-reversed operations */
-    get undoPossible(): boolean;
-    /** determine whether there are any reversed operations */
-    get redoPossible(): boolean;
-    /** the name of the operation that can be undone (or undefined) */
-    get undoString(): string | undefined;
-    /** the name of the operation that can be redone (or undefined) */
-    get redoString(): string | undefined;
-    /** reverse the most recent operation, if any */
-    doUndo(): void;
-    /** reinstate the most recently reversed operation, if any */
-    doRedo(): void;
-}
+/** @packageDocumentation
+ * @module MarkupTools
+ */
+import { Element as MarkupElement } from "@svgdotjs/svg.js";
+/** Stores the sequence of operations performed on a Markup. Facilitates undo/redo of the operations.
+ * @public
+ */
+export declare class UndoManager {
+    private _currentCmd;
+    private _grouped;
+    private _stack;
+    private _currentPos;
+    private _cmdName;
+    private addAction;
+    /** @internal */
+    get size(): number;
+    private startCommand;
+    private startGroup;
+    private endGroup;
+    /** Perform a series of changes to markup elements that should all be reversed as a single operation.
+     * @param fn the function that performs the changes to the elements. It must call the onXXX methods of this class to store
+     * the operations in the undo buffer.
+     * @note all of the onXXX methods of this class should *only* be called from within the callback function of this method.
+     */
+    performOperation(cmdName: string, fn: VoidFunction): void;
+    /** call this from within a [[performOperation]] function *after* an element has been added to a markup */
+    onAdded(elem: MarkupElement): void;
+    /** call this from within a [[performOperation]] function *before* an element is about to be deleted from a markup */
+    onDelete(elem: MarkupElement): void;
+    /** call this from within a [[performOperation]] function *after* an element has been moved in display order in a markup */
+    onRepositioned(elem: MarkupElement, oldIndex: number, oldParent: MarkupElement): void;
+    /** call this from within a [[performOperation]] function *after* an element has been modified in a markup */
+    onModified(newElem: MarkupElement, oldElem: MarkupElement): void;
+    /** determine whether there are any un-reversed operations */
+    get undoPossible(): boolean;
+    /** determine whether there are any reversed operations */
+    get redoPossible(): boolean;
+    /** the name of the operation that can be undone (or undefined) */
+    get undoString(): string | undefined;
+    /** the name of the operation that can be redone (or undefined) */
+    get redoString(): string | undefined;
+    /** reverse the most recent operation, if any */
+    doUndo(): void;
+    /** reinstate the most recently reversed operation, if any */
+    doRedo(): void;
+}
 //# sourceMappingURL=Undo.d.ts.map