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

package/lib/cjs/SvgJsExt.js

@@ -1,186 +1,186 @@
-"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 MarkupApp
- */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.initSvgExt = exports.Title = void 0;
-const core_geometry_1 = require("@itwin/core-geometry");
-const svg_js_1 = require("@svgdotjs/svg.js");
-const Markup_1 = require("./Markup");
-const OLDCOLOR = "Color";
-/** this is the SVG.js way of adding methods to classes */
-(0, svg_js_1.extend)(svg_js_1.Element, {
-    forElementsOfGroup(fn) {
-        const me = this;
-        if (me instanceof svg_js_1.G)
-            me.each((i, children) => { const child = children[i]; if (child instanceof svg_js_1.Element)
-                fn(child); }, false);
-    },
-    cloneMarkup() {
-        const me = this;
-        const cloned = me.clone();
-        cloned.node.removeAttribute("id");
-        cloned.resetColor();
-        return cloned;
-    },
-    overrideColor(color) {
-        const me = this;
-        me.forElementsOfGroup((child) => child.overrideColor(color)); // Do children first, getComputedStyle will inherit from group for unspecified values...
-        let oldColor = me.data(OLDCOLOR);
-        if (undefined === oldColor) {
-            const css = window.getComputedStyle(me.node);
-            const colorOrNone = (c) => (c && c !== "none") ? c : "none";
-            oldColor = { fill: colorOrNone(css.fill), stroke: colorOrNone(css.stroke) };
-            me.data(OLDCOLOR, oldColor);
-        }
-        const toColor = (val) => (!val || val === "none") ? "none" : color;
-        me.css({ fill: toColor(oldColor.fill), stroke: toColor(oldColor.stroke) });
-    },
-    resetColor() {
-        const me = this;
-        const oldColor = me.data(OLDCOLOR);
-        if (undefined !== oldColor)
-            me.css(oldColor).data(OLDCOLOR, null); // change to old color and remove data object
-        me.forElementsOfGroup((child) => child.resetColor());
-    },
-    hilite() { const me = this; if (!me.inSelection) {
-        me.overrideColor(Markup_1.MarkupApp.props.hilite.color);
-        me.inSelection = true;
-    } },
-    unHilite() { const me = this; if (me.inSelection) {
-        me.resetColor();
-        me.inSelection = undefined;
-    } },
-    flash() { const me = this; if (!me.inSelection)
-        me.overrideColor(Markup_1.MarkupApp.props.hilite.flash); },
-    unFlash() { const me = this; if (!me.inSelection)
-        me.resetColor(); },
-    markupStretch(w, h, x, y, _mtx) { const me = this; me.size(w, h).move(x, y); },
-    isChildOf(svg) {
-        const parent = this.parent();
-        return (parent === svg) ? true : (parent instanceof svg_js_1.Element) ? parent.isChildOf(svg) : false;
-    },
-    getChildOrGroupOf(svg) {
-        const me = this;
-        const parents = me.parents(svg.parent());
-        if (0 === parents.length || parents[parents.length - 1].node !== svg.node)
-            return undefined;
-        if (parents.length > 1) {
-            for (let index = parents.length - 2; index >= 0; --index)
-                if (parents[index] instanceof svg_js_1.G || parents[index] instanceof svg_js_1.Text)
-                    return parents[index];
-        }
-        return me;
-    },
-    getNpcToVp() {
-        const me = this;
-        const bb = me.bbox();
-        return new svg_js_1.Matrix().scaleO(bb.w, bb.h).translateO(bb.x, bb.y).lmultiplyO(me.matrixify());
-    },
-    getOutline(expand) {
-        const me = this;
-        const box = me.bbox();
-        if (expand === undefined)
-            expand = 0;
-        return new svg_js_1.Rect().move(box.x - expand, box.y - expand).size(box.w + (expand * 2), box.h + (expand * 2)).transform(me.matrixify());
-    },
-});
-(0, svg_js_1.extend)(svg_js_1.G, {
-    markupStretch(_w, _h, _x, _y, mtx) { this.attr("transform", mtx); },
-});
-(0, svg_js_1.extend)(svg_js_1.Text, {
-    getFontSize() { const me = this; return parseFloat(window.getComputedStyle(me.node).fontSize); },
-    markupStretch(_w, _h, _x, _y, mtx) { this.attr("transform", mtx); },
-    getMarkup() {
-        const node = this.node;
-        let text = "";
-        node.childNodes.forEach((child) => {
-            if (child.nodeName === "tspan" || child.nodeName === "#text") {
-                if (text.length !== 0)
-                    text += "\n";
-                text += child.textContent;
-            }
-        });
-        return text;
-    },
-    createMarkup(val, spacing) {
-        spacing = spacing ? spacing : 1;
-        const me = this;
-        me.clear();
-        if (val === "")
-            return;
-        const lines = val.split("\n");
-        me.plain(lines[0]);
-        const x = me.attr("x");
-        me.build(true);
-        for (let i = 1; i < lines.length; ++i) {
-            const tspan = me.tspan(lines[i]);
-            tspan.dy(spacing);
-            tspan.x(x);
-        }
-        me.build(false);
-        me.dom = {};
-    },
-    // override for Text so that empty text will return a size
-    getOutline(expand) {
-        const me = this;
-        const node = me.node;
-        const content = node.textContent;
-        if (content !== null && content.length > 0)
-            return svg_js_1.Element.prototype.getOutline.call(me, expand);
-        node.textContent = "M";
-        const outline = svg_js_1.Element.prototype.getOutline.call(me, expand);
-        node.textContent = content;
-        return outline;
-    },
-    writeDataToDom() {
-        const me = this;
-        const dom = me.dom; // strip off useless "leading" data
-        me.dom = {};
-        svg_js_1.Element.prototype.writeDataToDom.call(me);
-        me.dom = dom;
-        return me;
-    },
-});
-(0, svg_js_1.extend)(svg_js_1.Matrix, {
-    toIModelTransform() {
-        const m = this;
-        return core_geometry_1.Transform.createRowValues(m.a, m.c, 0, m.e, m.b, m.d, 0, m.f, 0, 0, 1, 0);
-    },
-    fromIModelTransform(t) {
-        const m = this;
-        const o = t.origin;
-        const mtx = t.matrix;
-        m.a = mtx.coffs[0];
-        m.b = mtx.coffs[3];
-        m.c = mtx.coffs[1];
-        m.d = mtx.coffs[4];
-        m.e = o.x;
-        m.f = o.y;
-        return this;
-    },
-});
-/** Dummy class so a <title> inside a <g> will work.
- * @internal
- */
-class Title extends svg_js_1.Element {
-    constructor(node) { super((0, svg_js_1.nodeOrNew)("title", node)); }
-    scale() { return this; }
-    size() { return this; }
-    move() { return this; }
-    dmove() { return this; }
-    bbox() { return new svg_js_1.Box(); }
-    screenCTM() { return new svg_js_1.Matrix(); }
-}
-exports.Title = Title;
-(0, svg_js_1.register)(Title, "Title");
-/** only for tests
- *  @internal
- */
-function initSvgExt() { }
-exports.initSvgExt = initSvgExt;
+"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 MarkupApp
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.initSvgExt = exports.Title = void 0;
+const core_geometry_1 = require("@itwin/core-geometry");
+const svg_js_1 = require("@svgdotjs/svg.js");
+const Markup_1 = require("./Markup");
+const OLDCOLOR = "Color";
+/** this is the SVG.js way of adding methods to classes */
+(0, svg_js_1.extend)(svg_js_1.Element, {
+    forElementsOfGroup(fn) {
+        const me = this;
+        if (me instanceof svg_js_1.G)
+            me.each((i, children) => { const child = children[i]; if (child instanceof svg_js_1.Element)
+                fn(child); }, false);
+    },
+    cloneMarkup() {
+        const me = this;
+        const cloned = me.clone();
+        cloned.node.removeAttribute("id");
+        cloned.resetColor();
+        return cloned;
+    },
+    overrideColor(color) {
+        const me = this;
+        me.forElementsOfGroup((child) => child.overrideColor(color)); // Do children first, getComputedStyle will inherit from group for unspecified values...
+        let oldColor = me.data(OLDCOLOR);
+        if (undefined === oldColor) {
+            const css = window.getComputedStyle(me.node);
+            const colorOrNone = (c) => (c && c !== "none") ? c : "none";
+            oldColor = { fill: colorOrNone(css.fill), stroke: colorOrNone(css.stroke) };
+            me.data(OLDCOLOR, oldColor);
+        }
+        const toColor = (val) => (!val || val === "none") ? "none" : color;
+        me.css({ fill: toColor(oldColor.fill), stroke: toColor(oldColor.stroke) });
+    },
+    resetColor() {
+        const me = this;
+        const oldColor = me.data(OLDCOLOR);
+        if (undefined !== oldColor)
+            me.css(oldColor).data(OLDCOLOR, null); // change to old color and remove data object
+        me.forElementsOfGroup((child) => child.resetColor());
+    },
+    hilite() { const me = this; if (!me.inSelection) {
+        me.overrideColor(Markup_1.MarkupApp.props.hilite.color);
+        me.inSelection = true;
+    } },
+    unHilite() { const me = this; if (me.inSelection) {
+        me.resetColor();
+        me.inSelection = undefined;
+    } },
+    flash() { const me = this; if (!me.inSelection)
+        me.overrideColor(Markup_1.MarkupApp.props.hilite.flash); },
+    unFlash() { const me = this; if (!me.inSelection)
+        me.resetColor(); },
+    markupStretch(w, h, x, y, _mtx) { const me = this; me.size(w, h).move(x, y); },
+    isChildOf(svg) {
+        const parent = this.parent();
+        return (parent === svg) ? true : (parent instanceof svg_js_1.Element) ? parent.isChildOf(svg) : false;
+    },
+    getChildOrGroupOf(svg) {
+        const me = this;
+        const parents = me.parents(svg.parent());
+        if (0 === parents.length || parents[parents.length - 1].node !== svg.node)
+            return undefined;
+        if (parents.length > 1) {
+            for (let index = parents.length - 2; index >= 0; --index)
+                if (parents[index] instanceof svg_js_1.G || parents[index] instanceof svg_js_1.Text)
+                    return parents[index];
+        }
+        return me;
+    },
+    getNpcToVp() {
+        const me = this;
+        const bb = me.bbox();
+        return new svg_js_1.Matrix().scaleO(bb.w, bb.h).translateO(bb.x, bb.y).lmultiplyO(me.matrixify());
+    },
+    getOutline(expand) {
+        const me = this;
+        const box = me.bbox();
+        if (expand === undefined)
+            expand = 0;
+        return new svg_js_1.Rect().move(box.x - expand, box.y - expand).size(box.w + (expand * 2), box.h + (expand * 2)).transform(me.matrixify());
+    },
+});
+(0, svg_js_1.extend)(svg_js_1.G, {
+    markupStretch(_w, _h, _x, _y, mtx) { this.attr("transform", mtx); },
+});
+(0, svg_js_1.extend)(svg_js_1.Text, {
+    getFontSize() { const me = this; return parseFloat(window.getComputedStyle(me.node).fontSize); },
+    markupStretch(_w, _h, _x, _y, mtx) { this.attr("transform", mtx); },
+    getMarkup() {
+        const node = this.node;
+        let text = "";
+        node.childNodes.forEach((child) => {
+            if (child.nodeName === "tspan" || child.nodeName === "#text") {
+                if (text.length !== 0)
+                    text += "\n";
+                text += child.textContent;
+            }
+        });
+        return text;
+    },
+    createMarkup(val, spacing) {
+        spacing = spacing ? spacing : 1;
+        const me = this;
+        me.clear();
+        if (val === "")
+            return;
+        const lines = val.split("\n");
+        me.plain(lines[0]);
+        const x = me.attr("x");
+        me.build(true);
+        for (let i = 1; i < lines.length; ++i) {
+            const tspan = me.tspan(lines[i]);
+            tspan.dy(spacing);
+            tspan.x(x);
+        }
+        me.build(false);
+        me.dom = {};
+    },
+    // override for Text so that empty text will return a size
+    getOutline(expand) {
+        const me = this;
+        const node = me.node;
+        const content = node.textContent;
+        if (content !== null && content.length > 0)
+            return svg_js_1.Element.prototype.getOutline.call(me, expand);
+        node.textContent = "M";
+        const outline = svg_js_1.Element.prototype.getOutline.call(me, expand);
+        node.textContent = content;
+        return outline;
+    },
+    writeDataToDom() {
+        const me = this;
+        const dom = me.dom; // strip off useless "leading" data
+        me.dom = {};
+        svg_js_1.Element.prototype.writeDataToDom.call(me);
+        me.dom = dom;
+        return me;
+    },
+});
+(0, svg_js_1.extend)(svg_js_1.Matrix, {
+    toIModelTransform() {
+        const m = this;
+        return core_geometry_1.Transform.createRowValues(m.a, m.c, 0, m.e, m.b, m.d, 0, m.f, 0, 0, 1, 0);
+    },
+    fromIModelTransform(t) {
+        const m = this;
+        const o = t.origin;
+        const mtx = t.matrix;
+        m.a = mtx.coffs[0];
+        m.b = mtx.coffs[3];
+        m.c = mtx.coffs[1];
+        m.d = mtx.coffs[4];
+        m.e = o.x;
+        m.f = o.y;
+        return this;
+    },
+});
+/** Dummy class so a <title> inside a <g> will work.
+ * @internal
+ */
+class Title extends svg_js_1.Element {
+    constructor(node) { super((0, svg_js_1.nodeOrNew)("title", node)); }
+    scale() { return this; }
+    size() { return this; }
+    move() { return this; }
+    dmove() { return this; }
+    bbox() { return new svg_js_1.Box(); }
+    screenCTM() { return new svg_js_1.Matrix(); }
+}
+exports.Title = Title;
+(0, svg_js_1.register)(Title, "Title");
+/** only for tests
+ *  @internal
+ */
+function initSvgExt() { }
+exports.initSvgExt = initSvgExt;
 //# sourceMappingURL=SvgJsExt.js.map

package/lib/cjs/TextEdit.d.ts

@@ -1,44 +1,44 @@
-/** @packageDocumentation
- * @module MarkupTools
- */
-import { BeButtonEvent, EventHandled } from "@itwin/core-frontend";
-import { G, Text as MarkupText } from "@svgdotjs/svg.js";
-import { MarkupTool } from "./MarkupTool";
-import { RedlineTool } from "./RedlineTool";
-/** Tool to place new text notes on a Markup.
- * @public
- */
-export declare class PlaceTextTool extends RedlineTool {
-    static toolId: string;
-    static iconSpec: string;
-    protected _nRequiredPoints: number;
-    protected _minPoints: number;
-    protected _value: string;
-    onPostInstall(): Promise<void>;
-    protected showPrompt(): void;
-    protected createMarkup(svg: G, ev: BeButtonEvent, isDynamics: boolean): Promise<void>;
-    onResetButtonUp(_ev: BeButtonEvent): Promise<EventHandled>;
-}
-/** Tool for editing text. Started automatically by the place text tool and by clicking on text from the SelectTool
- * @public
- */
-export declare class EditTextTool extends MarkupTool {
-    text?: G | MarkupText | undefined;
-    private _fromPlaceTool;
-    static toolId: string;
-    static iconSpec: string;
-    editor?: HTMLTextAreaElement;
-    editDiv?: HTMLDivElement;
-    boxed?: G;
-    constructor(text?: G | MarkupText | undefined, _fromPlaceTool?: boolean);
-    protected showPrompt(): void;
-    /** Open the text editor  */
-    startEditor(): void;
-    /** Called when EditText exits, saves the edited value into the text element */
-    onCleanup(): Promise<void>;
-    onInstall(): Promise<boolean>;
-    onResetButtonUp(_ev: BeButtonEvent): Promise<EventHandled>;
-    onDataButtonUp(_ev: BeButtonEvent): Promise<EventHandled>;
-    onMouseStartDrag(_ev: BeButtonEvent): Promise<EventHandled>;
-}
+/** @packageDocumentation
+ * @module MarkupTools
+ */
+import { BeButtonEvent, EventHandled } from "@itwin/core-frontend";
+import { G, Text as MarkupText } from "@svgdotjs/svg.js";
+import { MarkupTool } from "./MarkupTool";
+import { RedlineTool } from "./RedlineTool";
+/** Tool to place new text notes on a Markup.
+ * @public
+ */
+export declare class PlaceTextTool extends RedlineTool {
+    static toolId: string;
+    static iconSpec: string;
+    protected _nRequiredPoints: number;
+    protected _minPoints: number;
+    protected _value: string;
+    onPostInstall(): Promise<void>;
+    protected showPrompt(): void;
+    protected createMarkup(svg: G, ev: BeButtonEvent, isDynamics: boolean): Promise<void>;
+    onResetButtonUp(_ev: BeButtonEvent): Promise<EventHandled>;
+}
+/** Tool for editing text. Started automatically by the place text tool and by clicking on text from the SelectTool
+ * @public
+ */
+export declare class EditTextTool extends MarkupTool {
+    text?: G | MarkupText | undefined;
+    private _fromPlaceTool;
+    static toolId: string;
+    static iconSpec: string;
+    editor?: HTMLTextAreaElement;
+    editDiv?: HTMLDivElement;
+    boxed?: G;
+    constructor(text?: G | MarkupText | undefined, _fromPlaceTool?: boolean);
+    protected showPrompt(): void;
+    /** Open the text editor  */
+    startEditor(): void;
+    /** Called when EditText exits, saves the edited value into the text element */
+    onCleanup(): Promise<void>;
+    onInstall(): Promise<boolean>;
+    onResetButtonUp(_ev: BeButtonEvent): Promise<EventHandled>;
+    onDataButtonUp(_ev: BeButtonEvent): Promise<EventHandled>;
+    onMouseStartDrag(_ev: BeButtonEvent): Promise<EventHandled>;
+}
 //# sourceMappingURL=TextEdit.d.ts.map