@cornerstonejs/tools 0.1.1

package/dist/esm/drawingSvg/_setNewAttributesIfValid.d.ts

@@ -0,0 +1,2 @@
+export declare function _setNewAttributesIfValid(attributes: any, svgNode: any): void;
+export default _setNewAttributesIfValid;

package/dist/esm/drawingSvg/_setNewAttributesIfValid.js

@@ -0,0 +1,10 @@
+export function _setNewAttributesIfValid(attributes, svgNode) {
+    Object.keys(attributes).forEach((key) => {
+        const newValue = attributes[key];
+        if (newValue !== undefined && newValue !== '') {
+            svgNode.setAttribute(key, newValue);
+        }
+    });
+}
+export default _setNewAttributesIfValid;
+//# sourceMappingURL=_setNewAttributesIfValid.js.map

package/dist/esm/drawingSvg/_setNewAttributesIfValid.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"_setNewAttributesIfValid.js","sourceRoot":"","sources":["../../../src/drawingSvg/_setNewAttributesIfValid.ts"],"names":[],"mappings":"AAAA,MAAM,UAAU,wBAAwB,CAAC,UAAU,EAAE,OAAO;IAC1D,MAAM,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,EAAE;QACtC,MAAM,QAAQ,GAAG,UAAU,CAAC,GAAG,CAAC,CAAA;QAChC,IAAI,QAAQ,KAAK,SAAS,IAAI,QAAQ,KAAK,EAAE,EAAE;YAC7C,OAAO,CAAC,YAAY,CAAC,GAAG,EAAE,QAAQ,CAAC,CAAA;SACpC;IACH,CAAC,CAAC,CAAA;AACJ,CAAC;AAED,eAAe,wBAAwB,CAAA"}

package/dist/esm/drawingSvg/clearByToolType.d.ts

@@ -0,0 +1,2 @@
+declare function clearByToolType(canvasElement: HTMLCanvasElement, toolType: string): void;
+export default clearByToolType;

package/dist/esm/drawingSvg/clearByToolType.js

@@ -0,0 +1,14 @@
+import getSvgDrawingHelper from './getSvgDrawingHelper';
+function clearByToolType(canvasElement, toolType) {
+    const svgDrawingHelper = getSvgDrawingHelper(canvasElement);
+    const nodes = svgDrawingHelper._svgLayerElement.querySelectorAll('svg > *');
+    for (let i = 0; i < nodes.length; i++) {
+        const node = nodes[i];
+        const toolUID = node.dataset.toolUid;
+        if (toolUID === toolType) {
+            svgDrawingHelper._svgLayerElement.removeChild(node);
+        }
+    }
+}
+export default clearByToolType;
+//# sourceMappingURL=clearByToolType.js.map

package/dist/esm/drawingSvg/clearByToolType.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"clearByToolType.js","sourceRoot":"","sources":["../../../src/drawingSvg/clearByToolType.ts"],"names":[],"mappings":"AAAA,OAAO,mBAAmB,MAAM,uBAAuB,CAAA;AAEvD,SAAS,eAAe,CACtB,aAAgC,EAChC,QAAgB;IAEhB,MAAM,gBAAgB,GAAG,mBAAmB,CAAC,aAAa,CAAC,CAAA;IAC3D,MAAM,KAAK,GAAG,gBAAgB,CAAC,gBAAgB,CAAC,gBAAgB,CAC9D,SAAS,CACgB,CAAA;IAG3B,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,KAAK,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;QACrC,MAAM,IAAI,GAAG,KAAK,CAAC,CAAC,CAAC,CAAA;QACrB,MAAM,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC,OAAO,CAAA;QAEpC,IAAI,OAAO,KAAK,QAAQ,EAAE;YACxB,gBAAgB,CAAC,gBAAgB,CAAC,WAAW,CAAC,IAAI,CAAC,CAAA;SACpD;KACF;AACH,CAAC;AAED,eAAe,eAAe,CAAA"}

package/dist/esm/drawingSvg/draw.d.ts

@@ -0,0 +1,2 @@
+declare function draw(element: HTMLElement, fn: (svgDrawingElement: any) => any): void;
+export default draw;

package/dist/esm/drawingSvg/draw.js

@@ -0,0 +1,8 @@
+import getSvgDrawingHelper from './getSvgDrawingHelper';
+function draw(element, fn) {
+    const svgDrawingHelper = getSvgDrawingHelper(element);
+    fn(svgDrawingHelper);
+    svgDrawingHelper._clearUntouched();
+}
+export default draw;
+//# sourceMappingURL=draw.js.map

package/dist/esm/drawingSvg/draw.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"draw.js","sourceRoot":"","sources":["../../../src/drawingSvg/draw.ts"],"names":[],"mappings":"AAAA,OAAO,mBAAmB,MAAM,uBAAuB,CAAA;AAEvD,SAAS,IAAI,CAAC,OAAoB,EAAE,EAAmC;IACrE,MAAM,gBAAgB,GAAG,mBAAmB,CAAC,OAAO,CAAC,CAAA;IAGrD,EAAE,CAAC,gBAAgB,CAAC,CAAA;IAGpB,gBAAgB,CAAC,eAAe,EAAE,CAAA;AACpC,CAAC;AAED,eAAe,IAAI,CAAA"}

package/dist/esm/drawingSvg/drawCircle.d.ts

@@ -0,0 +1,3 @@
+import type { Types } from '@cornerstonejs/core';
+declare function drawCircle(svgDrawingHelper: any, toolName: string, annotationUID: string, circleUID: string, center: Types.Point2, radius: number, options?: {}): void;
+export default drawCircle;

package/dist/esm/drawingSvg/drawCircle.js

@@ -0,0 +1,34 @@
+import _getHash from './_getHash';
+import _setAttributesIfNecessary from './_setAttributesIfNecessary';
+import _setNewAttributesIfValid from './_setNewAttributesIfValid';
+function drawCircle(svgDrawingHelper, toolName, annotationUID, circleUID, center, radius, options = {}) {
+    const { color, fill, width, lineWidth } = Object.assign({
+        color: 'dodgerblue',
+        fill: 'transparent',
+        width: '2',
+        lineWidth: undefined,
+    }, options);
+    const strokeWidth = lineWidth || width;
+    const svgns = 'http://www.w3.org/2000/svg';
+    const svgNodeHash = _getHash(toolName, annotationUID, 'circle', circleUID);
+    const existingCircleElement = svgDrawingHelper._getSvgNode(svgNodeHash);
+    const attributes = {
+        cx: `${center[0]}`,
+        cy: `${center[1]}`,
+        r: `${radius}`,
+        stroke: color,
+        fill,
+        'stroke-width': strokeWidth,
+    };
+    if (existingCircleElement) {
+        _setAttributesIfNecessary(attributes, existingCircleElement);
+        svgDrawingHelper._setNodeTouched(svgNodeHash);
+    }
+    else {
+        const newCircleElement = document.createElementNS(svgns, 'circle');
+        _setNewAttributesIfValid(attributes, newCircleElement);
+        svgDrawingHelper._appendNode(newCircleElement, svgNodeHash);
+    }
+}
+export default drawCircle;
+//# sourceMappingURL=drawCircle.js.map

package/dist/esm/drawingSvg/drawCircle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"drawCircle.js","sourceRoot":"","sources":["../../../src/drawingSvg/drawCircle.ts"],"names":[],"mappings":"AAEA,OAAO,QAAQ,MAAM,YAAY,CAAA;AAEjC,OAAO,yBAAyB,MAAM,6BAA6B,CAAA;AACnE,OAAO,wBAAwB,MAAM,4BAA4B,CAAA;AAEjE,SAAS,UAAU,CACjB,gBAAqB,EACrB,QAAgB,EAChB,aAAqB,EACrB,SAAiB,EACjB,MAAoB,EACpB,MAAc,EACd,OAAO,GAAG,EAAE;IAEZ,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,MAAM,CAAC,MAAM,CACrD;QACE,KAAK,EAAE,YAAY;QACnB,IAAI,EAAE,aAAa;QACnB,KAAK,EAAE,GAAG;QACV,SAAS,EAAE,SAAS;KACrB,EACD,OAAO,CACR,CAAA;IAGD,MAAM,WAAW,GAAG,SAAS,IAAI,KAAK,CAAA;IAGtC,MAAM,KAAK,GAAG,4BAA4B,CAAA;IAC1C,MAAM,WAAW,GAAG,QAAQ,CAAC,QAAQ,EAAE,aAAa,EAAE,QAAQ,EAAE,SAAS,CAAC,CAAA;IAC1E,MAAM,qBAAqB,GAAG,gBAAgB,CAAC,WAAW,CAAC,WAAW,CAAC,CAAA;IAEvE,MAAM,UAAU,GAAG;QACjB,EAAE,EAAE,GAAG,MAAM,CAAC,CAAC,CAAC,EAAE;QAClB,EAAE,EAAE,GAAG,MAAM,CAAC,CAAC,CAAC,EAAE;QAClB,CAAC,EAAE,GAAG,MAAM,EAAE;QACd,MAAM,EAAE,KAAK;QACb,IAAI;QACJ,cAAc,EAAE,WAAW;KAC5B,CAAA;IAED,IAAI,qBAAqB,EAAE;QACzB,yBAAyB,CAAC,UAAU,EAAE,qBAAqB,CAAC,CAAA;QAE5D,gBAAgB,CAAC,eAAe,CAAC,WAAW,CAAC,CAAA;KAC9C;SAAM;QACL,MAAM,gBAAgB,GAAG,QAAQ,CAAC,eAAe,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAA;QAElE,wBAAwB,CAAC,UAAU,EAAE,gBAAgB,CAAC,CAAA;QAEtD,gBAAgB,CAAC,WAAW,CAAC,gBAAgB,EAAE,WAAW,CAAC,CAAA;KAC5D;AACH,CAAC;AAED,eAAe,UAAU,CAAA"}

package/dist/esm/drawingSvg/drawEllipse.d.ts

@@ -0,0 +1,3 @@
+import type { Types } from '@cornerstonejs/core';
+declare function drawEllipse(svgDrawingHelper: any, toolName: string, annotationUID: string, ellipseUID: string, corner1: Types.Point2, corner2: Types.Point2, options?: {}): void;
+export default drawEllipse;

package/dist/esm/drawingSvg/drawEllipse.js

@@ -0,0 +1,43 @@
+import _getHash from './_getHash';
+import _setAttributesIfNecessary from './_setAttributesIfNecessary';
+import _setNewAttributesIfValid from './_setNewAttributesIfValid';
+function drawEllipse(svgDrawingHelper, toolName, annotationUID, ellipseUID, corner1, corner2, options = {}) {
+    const { color, width, lineWidth, lineDash } = Object.assign({
+        color: 'dodgerblue',
+        width: '2',
+        lineWidth: undefined,
+        lineDash: undefined,
+    }, options);
+    const strokeWidth = lineWidth || width;
+    const svgns = 'http://www.w3.org/2000/svg';
+    const svgNodeHash = _getHash(toolName, annotationUID, 'ellipse', ellipseUID);
+    const existingEllipse = svgDrawingHelper._getSvgNode(svgNodeHash);
+    const w = Math.abs(corner1[0] - corner2[0]);
+    const h = Math.abs(corner1[1] - corner2[1]);
+    const xMin = Math.min(corner1[0], corner2[0]);
+    const yMin = Math.min(corner1[1], corner2[1]);
+    const center = [xMin + w / 2, yMin + h / 2];
+    const radiusX = w / 2;
+    const radiusY = h / 2;
+    const attributes = {
+        cx: `${center[0]}`,
+        cy: `${center[1]}`,
+        rx: `${radiusX}`,
+        ry: `${radiusY}`,
+        stroke: color,
+        fill: 'transparent',
+        'stroke-width': strokeWidth,
+        'stroke-dasharray': lineDash,
+    };
+    if (existingEllipse) {
+        _setAttributesIfNecessary(attributes, existingEllipse);
+        svgDrawingHelper._setNodeTouched(svgNodeHash);
+    }
+    else {
+        const svgEllipseElement = document.createElementNS(svgns, 'ellipse');
+        _setNewAttributesIfValid(attributes, svgEllipseElement);
+        svgDrawingHelper._appendNode(svgEllipseElement, svgNodeHash);
+    }
+}
+export default drawEllipse;
+//# sourceMappingURL=drawEllipse.js.map

package/dist/esm/drawingSvg/drawEllipse.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"drawEllipse.js","sourceRoot":"","sources":["../../../src/drawingSvg/drawEllipse.ts"],"names":[],"mappings":"AAEA,OAAO,QAAQ,MAAM,YAAY,CAAA;AACjC,OAAO,yBAAyB,MAAM,6BAA6B,CAAA;AACnE,OAAO,wBAAwB,MAAM,4BAA4B,CAAA;AAEjE,SAAS,WAAW,CAClB,gBAAqB,EACrB,QAAgB,EAChB,aAAqB,EACrB,UAAkB,EAClB,OAAqB,EACrB,OAAqB,EACrB,OAAO,GAAG,EAAE;IAEZ,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,MAAM,CAAC,MAAM,CACzD;QACE,KAAK,EAAE,YAAY;QACnB,KAAK,EAAE,GAAG;QACV,SAAS,EAAE,SAAS;QACpB,QAAQ,EAAE,SAAS;KACpB,EACD,OAAO,CACR,CAAA;IAGD,MAAM,WAAW,GAAG,SAAS,IAAI,KAAK,CAAA;IAEtC,MAAM,KAAK,GAAG,4BAA4B,CAAA;IAC1C,MAAM,WAAW,GAAG,QAAQ,CAAC,QAAQ,EAAE,aAAa,EAAE,SAAS,EAAE,UAAU,CAAC,CAAA;IAC5E,MAAM,eAAe,GAAG,gBAAgB,CAAC,WAAW,CAAC,WAAW,CAAC,CAAA;IAEjE,MAAM,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC,CAAA;IAC3C,MAAM,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC,CAAA;IAC3C,MAAM,IAAI,GAAG,IAAI,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC,CAAA;IAC7C,MAAM,IAAI,GAAG,IAAI,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC,CAAA;IAE7C,MAAM,MAAM,GAAG,CAAC,IAAI,GAAG,CAAC,GAAG,CAAC,EAAE,IAAI,GAAG,CAAC,GAAG,CAAC,CAAC,CAAA;IAC3C,MAAM,OAAO,GAAG,CAAC,GAAG,CAAC,CAAA;IACrB,MAAM,OAAO,GAAG,CAAC,GAAG,CAAC,CAAA;IAErB,MAAM,UAAU,GAAG;QACjB,EAAE,EAAE,GAAG,MAAM,CAAC,CAAC,CAAC,EAAE;QAClB,EAAE,EAAE,GAAG,MAAM,CAAC,CAAC,CAAC,EAAE;QAClB,EAAE,EAAE,GAAG,OAAO,EAAE;QAChB,EAAE,EAAE,GAAG,OAAO,EAAE;QAChB,MAAM,EAAE,KAAK;QACb,IAAI,EAAE,aAAa;QACnB,cAAc,EAAE,WAAW;QAC3B,kBAAkB,EAAE,QAAQ;KAC7B,CAAA;IAED,IAAI,eAAe,EAAE;QACnB,yBAAyB,CAAC,UAAU,EAAE,eAAe,CAAC,CAAA;QAEtD,gBAAgB,CAAC,eAAe,CAAC,WAAW,CAAC,CAAA;KAC9C;SAAM;QACL,MAAM,iBAAiB,GAAG,QAAQ,CAAC,eAAe,CAAC,KAAK,EAAE,SAAS,CAAC,CAAA;QAEpE,wBAAwB,CAAC,UAAU,EAAE,iBAAiB,CAAC,CAAA;QAEvD,gBAAgB,CAAC,WAAW,CAAC,iBAAiB,EAAE,WAAW,CAAC,CAAA;KAC7D;AACH,CAAC;AAED,eAAe,WAAW,CAAA"}

package/dist/esm/drawingSvg/drawHandles.d.ts

@@ -0,0 +1,3 @@
+import type { Types } from '@cornerstonejs/core';
+declare function drawHandles(svgDrawingHelper: any, toolName: string, annotationUID: string, handleGroupUID: string, handlePoints: Array<Types.Point2>, options?: {}): void;
+export default drawHandles;

package/dist/esm/drawingSvg/drawHandles.js

@@ -0,0 +1,61 @@
+import _getHash from './_getHash';
+import _setNewAttributesIfValid from './_setNewAttributesIfValid';
+import _setAttributesIfNecessary from './_setAttributesIfNecessary';
+function drawHandles(svgDrawingHelper, toolName, annotationUID, handleGroupUID, handlePoints, options = {}) {
+    const { color, handleRadius, width, lineWidth, fill, type } = Object.assign({
+        color: 'dodgerblue',
+        handleRadius: '6',
+        width: '2',
+        lineWidth: undefined,
+        fill: 'transparent',
+        type: 'circle',
+    }, options);
+    const strokeWidth = lineWidth || width;
+    for (let i = 0; i < handlePoints.length; i++) {
+        const handle = handlePoints[i];
+        const svgns = 'http://www.w3.org/2000/svg';
+        const svgNodeHash = _getHash(toolName, annotationUID, 'handle', `hg-${handleGroupUID}-index-${i}`);
+        let attributes;
+        if (type === 'circle') {
+            attributes = {
+                cx: `${handle[0]}`,
+                cy: `${handle[1]}`,
+                r: handleRadius,
+                stroke: color,
+                fill,
+                'stroke-width': strokeWidth,
+            };
+        }
+        else if (type === 'rect') {
+            const handleRadiusFloat = parseFloat(handleRadius);
+            const side = handleRadiusFloat * 1.5;
+            const x = handle[0] - side * 0.5;
+            const y = handle[1] - side * 0.5;
+            attributes = {
+                x: `${x}`,
+                y: `${y}`,
+                width: `${side}`,
+                height: `${side}`,
+                stroke: color,
+                fill,
+                'stroke-width': strokeWidth,
+                rx: `${side * 0.1}`,
+            };
+        }
+        else {
+            throw new Error(`Unsupported handle type: ${type}`);
+        }
+        const existingHandleElement = svgDrawingHelper._getSvgNode(svgNodeHash);
+        if (existingHandleElement) {
+            _setAttributesIfNecessary(attributes, existingHandleElement);
+            svgDrawingHelper._setNodeTouched(svgNodeHash);
+        }
+        else {
+            const newHandleElement = document.createElementNS(svgns, type);
+            _setNewAttributesIfValid(attributes, newHandleElement);
+            svgDrawingHelper._appendNode(newHandleElement, svgNodeHash);
+        }
+    }
+}
+export default drawHandles;
+//# sourceMappingURL=drawHandles.js.map

package/dist/esm/drawingSvg/drawHandles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"drawHandles.js","sourceRoot":"","sources":["../../../src/drawingSvg/drawHandles.ts"],"names":[],"mappings":"AAEA,OAAO,QAAQ,MAAM,YAAY,CAAA;AACjC,OAAO,wBAAwB,MAAM,4BAA4B,CAAA;AACjE,OAAO,yBAAyB,MAAM,6BAA6B,CAAA;AAEnE,SAAS,WAAW,CAClB,gBAAqB,EACrB,QAAgB,EAChB,aAAqB,EACrB,cAAsB,EACtB,YAAiC,EACjC,OAAO,GAAG,EAAE;IAEZ,MAAM,EAAE,KAAK,EAAE,YAAY,EAAE,KAAK,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,GAAG,MAAM,CAAC,MAAM,CACzE;QACE,KAAK,EAAE,YAAY;QACnB,YAAY,EAAE,GAAG;QACjB,KAAK,EAAE,GAAG;QACV,SAAS,EAAE,SAAS;QACpB,IAAI,EAAE,aAAa;QACnB,IAAI,EAAE,QAAQ;KACf,EACD,OAAO,CACR,CAAA;IAGD,MAAM,WAAW,GAAG,SAAS,IAAI,KAAK,CAAA;IAEtC,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,YAAY,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;QAC5C,MAAM,MAAM,GAAG,YAAY,CAAC,CAAC,CAAC,CAAA;QAG9B,MAAM,KAAK,GAAG,4BAA4B,CAAA;QAC1C,MAAM,WAAW,GAAG,QAAQ,CAC1B,QAAQ,EACR,aAAa,EACb,QAAQ,EACR,MAAM,cAAc,UAAU,CAAC,EAAE,CAClC,CAAA;QAED,IAAI,UAAU,CAAA;QACd,IAAI,IAAI,KAAK,QAAQ,EAAE;YACrB,UAAU,GAAG;gBACX,EAAE,EAAE,GAAG,MAAM,CAAC,CAAC,CAAC,EAAE;gBAClB,EAAE,EAAE,GAAG,MAAM,CAAC,CAAC,CAAC,EAAE;gBAClB,CAAC,EAAE,YAAY;gBACf,MAAM,EAAE,KAAK;gBACb,IAAI;gBACJ,cAAc,EAAE,WAAW;aAC5B,CAAA;SACF;aAAM,IAAI,IAAI,KAAK,MAAM,EAAE;YAC1B,MAAM,iBAAiB,GAAG,UAAU,CAAC,YAAY,CAAC,CAAA;YAClD,MAAM,IAAI,GAAG,iBAAiB,GAAG,GAAG,CAAA;YACpC,MAAM,CAAC,GAAG,MAAM,CAAC,CAAC,CAAC,GAAG,IAAI,GAAG,GAAG,CAAA;YAChC,MAAM,CAAC,GAAG,MAAM,CAAC,CAAC,CAAC,GAAG,IAAI,GAAG,GAAG,CAAA;YAEhC,UAAU,GAAG;gBACX,CAAC,EAAE,GAAG,CAAC,EAAE;gBACT,CAAC,EAAE,GAAG,CAAC,EAAE;gBACT,KAAK,EAAE,GAAG,IAAI,EAAE;gBAChB,MAAM,EAAE,GAAG,IAAI,EAAE;gBACjB,MAAM,EAAE,KAAK;gBACb,IAAI;gBACJ,cAAc,EAAE,WAAW;gBAC3B,EAAE,EAAE,GAAG,IAAI,GAAG,GAAG,EAAE;aACpB,CAAA;SACF;aAAM;YACL,MAAM,IAAI,KAAK,CAAC,4BAA4B,IAAI,EAAE,CAAC,CAAA;SACpD;QAED,MAAM,qBAAqB,GAAG,gBAAgB,CAAC,WAAW,CAAC,WAAW,CAAC,CAAA;QAEvE,IAAI,qBAAqB,EAAE;YACzB,yBAAyB,CAAC,UAAU,EAAE,qBAAqB,CAAC,CAAA;YAE5D,gBAAgB,CAAC,eAAe,CAAC,WAAW,CAAC,CAAA;SAC9C;aAAM;YACL,MAAM,gBAAgB,GAAG,QAAQ,CAAC,eAAe,CAAC,KAAK,EAAE,IAAI,CAAC,CAAA;YAE9D,wBAAwB,CAAC,UAAU,EAAE,gBAAgB,CAAC,CAAA;YAEtD,gBAAgB,CAAC,WAAW,CAAC,gBAAgB,EAAE,WAAW,CAAC,CAAA;SAC5D;KACF;AACH,CAAC;AAED,eAAe,WAAW,CAAA"}

package/dist/esm/drawingSvg/drawLine.d.ts

@@ -0,0 +1,2 @@
+import type { Types } from '@cornerstonejs/core';
+export default function drawLine(svgDrawingHelper: any, toolName: string, annotationUID: string, lineUID: string, start: Types.Point2, end: Types.Point2, options?: {}): void;

package/dist/esm/drawingSvg/drawLine.js

@@ -0,0 +1,37 @@
+import _getHash from './_getHash';
+import _setNewAttributesIfValid from './_setNewAttributesIfValid';
+import _setAttributesIfNecessary from './_setAttributesIfNecessary';
+export default function drawLine(svgDrawingHelper, toolName, annotationUID, lineUID, start, end, options = {}) {
+    if (isNaN(start[0]) || isNaN(start[1]) || isNaN(end[0]) || isNaN(end[1])) {
+        return;
+    }
+    const { color, width, lineWidth, lineDash } = Object.assign({
+        color: 'dodgerblue',
+        width: '2',
+        lineWidth: undefined,
+        lineDash: undefined,
+    }, options);
+    const strokeWidth = lineWidth || width;
+    const svgns = 'http://www.w3.org/2000/svg';
+    const svgNodeHash = _getHash(toolName, annotationUID, 'line', lineUID);
+    const existingLine = svgDrawingHelper._getSvgNode(svgNodeHash);
+    const attributes = {
+        x1: `${start[0]}`,
+        y1: `${start[1]}`,
+        x2: `${end[0]}`,
+        y2: `${end[1]}`,
+        stroke: color,
+        'stroke-width': strokeWidth,
+        'stroke-dasharray': lineDash,
+    };
+    if (existingLine) {
+        _setAttributesIfNecessary(attributes, existingLine);
+        svgDrawingHelper._setNodeTouched(svgNodeHash);
+    }
+    else {
+        const newLine = document.createElementNS(svgns, 'line');
+        _setNewAttributesIfValid(attributes, newLine);
+        svgDrawingHelper._appendNode(newLine, svgNodeHash);
+    }
+}
+//# sourceMappingURL=drawLine.js.map

package/dist/esm/drawingSvg/drawLine.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"drawLine.js","sourceRoot":"","sources":["../../../src/drawingSvg/drawLine.ts"],"names":[],"mappings":"AAEA,OAAO,QAAQ,MAAM,YAAY,CAAA;AACjC,OAAO,wBAAwB,MAAM,4BAA4B,CAAA;AACjE,OAAO,yBAAyB,MAAM,6BAA6B,CAAA;AAEnE,MAAM,CAAC,OAAO,UAAU,QAAQ,CAC9B,gBAAqB,EACrB,QAAgB,EAChB,aAAqB,EACrB,OAAe,EACf,KAAmB,EACnB,GAAiB,EACjB,OAAO,GAAG,EAAE;IAGZ,IAAI,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE;QACxE,OAAM;KACP;IAED,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,MAAM,CAAC,MAAM,CACzD;QACE,KAAK,EAAE,YAAY;QACnB,KAAK,EAAE,GAAG;QACV,SAAS,EAAE,SAAS;QACpB,QAAQ,EAAE,SAAS;KACpB,EACD,OAAO,CACR,CAAA;IAGD,MAAM,WAAW,GAAG,SAAS,IAAI,KAAK,CAAA;IAEtC,MAAM,KAAK,GAAG,4BAA4B,CAAA;IAC1C,MAAM,WAAW,GAAG,QAAQ,CAAC,QAAQ,EAAE,aAAa,EAAE,MAAM,EAAE,OAAO,CAAC,CAAA;IACtE,MAAM,YAAY,GAAG,gBAAgB,CAAC,WAAW,CAAC,WAAW,CAAC,CAAA;IAE9D,MAAM,UAAU,GAAG;QACjB,EAAE,EAAE,GAAG,KAAK,CAAC,CAAC,CAAC,EAAE;QACjB,EAAE,EAAE,GAAG,KAAK,CAAC,CAAC,CAAC,EAAE;QACjB,EAAE,EAAE,GAAG,GAAG,CAAC,CAAC,CAAC,EAAE;QACf,EAAE,EAAE,GAAG,GAAG,CAAC,CAAC,CAAC,EAAE;QACf,MAAM,EAAE,KAAK;QACb,cAAc,EAAE,WAAW;QAC3B,kBAAkB,EAAE,QAAQ;KAC7B,CAAA;IAED,IAAI,YAAY,EAAE;QAEhB,yBAAyB,CAAC,UAAU,EAAE,YAAY,CAAC,CAAA;QAEnD,gBAAgB,CAAC,eAAe,CAAC,WAAW,CAAC,CAAA;KAC9C;SAAM;QACL,MAAM,OAAO,GAAG,QAAQ,CAAC,eAAe,CAAC,KAAK,EAAE,MAAM,CAAC,CAAA;QAEvD,wBAAwB,CAAC,UAAU,EAAE,OAAO,CAAC,CAAA;QAE7C,gBAAgB,CAAC,WAAW,CAAC,OAAO,EAAE,WAAW,CAAC,CAAA;KACnD;AACH,CAAC"}

package/dist/esm/drawingSvg/drawLink.d.ts

@@ -0,0 +1,4 @@
+import type { Types } from '@cornerstonejs/core';
+import { PlanarBoundingBox } from '../types';
+declare function drawLink(svgDrawingHelper: Record<string, unknown>, toolName: string, annotationUID: string, linkUID: string, annotationAnchorPoints: Array<Types.Point2>, refPoint: Types.Point2, boundingBox: PlanarBoundingBox, options?: {}): void;
+export default drawLink;

package/dist/esm/drawingSvg/drawLink.js

@@ -0,0 +1,27 @@
+import drawLine from './drawLine';
+import findClosestPoint from '../utilities/math/vec2/findClosestPoint';
+function drawLink(svgDrawingHelper, toolName, annotationUID, linkUID, annotationAnchorPoints, refPoint, boundingBox, options = {}) {
+    const start = annotationAnchorPoints.length > 0
+        ? findClosestPoint(annotationAnchorPoints, refPoint)
+        : refPoint;
+    const boundingBoxPoints = _boundingBoxPoints(boundingBox);
+    const end = findClosestPoint(boundingBoxPoints, start);
+    const mergedOptions = Object.assign({
+        color: 'rgb(255, 255, 0)',
+        lineWidth: '1',
+        lineDash: '2,3',
+    }, options);
+    drawLine(svgDrawingHelper, toolName, annotationUID, `link-${linkUID}`, start, end, mergedOptions);
+}
+function _boundingBoxPoints(boundingBox) {
+    const { x: left, y: top, height, width } = boundingBox;
+    const halfWidth = width / 2;
+    const halfHeight = height / 2;
+    const topMiddle = [left + halfWidth, top];
+    const leftMiddle = [left, top + halfHeight];
+    const bottomMiddle = [left + halfWidth, top + height];
+    const rightMiddle = [left + width, top + halfHeight];
+    return [topMiddle, leftMiddle, bottomMiddle, rightMiddle];
+}
+export default drawLink;
+//# sourceMappingURL=drawLink.js.map

package/dist/esm/drawingSvg/drawLink.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"drawLink.js","sourceRoot":"","sources":["../../../src/drawingSvg/drawLink.ts"],"names":[],"mappings":"AAEA,OAAO,QAAQ,MAAM,YAAY,CAAA;AACjC,OAAO,gBAAgB,MAAM,yCAAyC,CAAA;AAMtE,SAAS,QAAQ,CACf,gBAAyC,EACzC,QAAgB,EAChB,aAAqB,EACrB,OAAe,EAEf,sBAA2C,EAC3C,QAAsB,EAGtB,WAA8B,EAC9B,OAAO,GAAG,EAAE;IAIZ,MAAM,KAAK,GACT,sBAAsB,CAAC,MAAM,GAAG,CAAC;QAC/B,CAAC,CAAC,gBAAgB,CAAC,sBAAsB,EAAE,QAAQ,CAAC;QACpD,CAAC,CAAC,QAAQ,CAAA;IAGd,MAAM,iBAAiB,GAAG,kBAAkB,CAAC,WAAW,CAAC,CAAA;IAEzD,MAAM,GAAG,GAAG,gBAAgB,CAAC,iBAAiB,EAAE,KAAK,CAAC,CAAA;IAGtD,MAAM,aAAa,GAAG,MAAM,CAAC,MAAM,CACjC;QACE,KAAK,EAAE,kBAAkB;QACzB,SAAS,EAAE,GAAG;QACd,QAAQ,EAAE,KAAK;KAChB,EACD,OAAO,CACR,CAAA;IAED,QAAQ,CACN,gBAAgB,EAChB,QAAQ,EACR,aAAa,EACb,QAAQ,OAAO,EAAE,EACjB,KAAK,EACL,GAAG,EACH,aAAa,CACd,CAAA;AACH,CAAC;AASD,SAAS,kBAAkB,CACzB,WAA8B;IAE9B,MAAM,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,WAAW,CAAA;IACtD,MAAM,SAAS,GAAG,KAAK,GAAG,CAAC,CAAA;IAC3B,MAAM,UAAU,GAAG,MAAM,GAAG,CAAC,CAAA;IAE7B,MAAM,SAAS,GAAG,CAAC,IAAI,GAAG,SAAS,EAAE,GAAG,CAAiB,CAAA;IACzD,MAAM,UAAU,GAAG,CAAC,IAAI,EAAE,GAAG,GAAG,UAAU,CAAiB,CAAA;IAC3D,MAAM,YAAY,GAAG,CAAC,IAAI,GAAG,SAAS,EAAE,GAAG,GAAG,MAAM,CAAiB,CAAA;IACrE,MAAM,WAAW,GAAG,CAAC,IAAI,GAAG,KAAK,EAAE,GAAG,GAAG,UAAU,CAAiB,CAAA;IAEpE,OAAO,CAAC,SAAS,EAAE,UAAU,EAAE,YAAY,EAAE,WAAW,CAAC,CAAA;AAC3D,CAAC;AAED,eAAe,QAAQ,CAAA"}

package/dist/esm/drawingSvg/drawLinkedTextBox.d.ts

@@ -0,0 +1,3 @@
+import type { Types } from '@cornerstonejs/core';
+declare function drawLinkedTextBox(svgDrawingHelper: Record<string, unknown>, toolName: string, annotationUID: string, textBoxUID: string, textLines: Array<string>, textBoxPosition: Types.Point2, annotationAnchorPoints: Array<Types.Point2>, textBox: unknown, options?: {}): SVGRect;
+export default drawLinkedTextBox;

package/dist/esm/drawingSvg/drawLinkedTextBox.js

@@ -0,0 +1,16 @@
+import drawTextBox from './drawTextBox';
+import drawLink from './drawLink';
+function drawLinkedTextBox(svgDrawingHelper, toolName, annotationUID, textBoxUID, textLines, textBoxPosition, annotationAnchorPoints, textBox, options = {}) {
+    const mergedOptions = Object.assign({
+        handleRadius: '6',
+        centering: {
+            x: false,
+            y: true,
+        },
+    }, options);
+    const canvasBoundingBox = drawTextBox(svgDrawingHelper, toolName, annotationUID, textBoxUID, textLines, textBoxPosition, mergedOptions);
+    drawLink(svgDrawingHelper, toolName, annotationUID, textBoxUID, annotationAnchorPoints, textBoxPosition, canvasBoundingBox, mergedOptions);
+    return canvasBoundingBox;
+}
+export default drawLinkedTextBox;
+//# sourceMappingURL=drawLinkedTextBox.js.map

package/dist/esm/drawingSvg/drawLinkedTextBox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"drawLinkedTextBox.js","sourceRoot":"","sources":["../../../src/drawingSvg/drawLinkedTextBox.ts"],"names":[],"mappings":"AAEA,OAAO,WAAW,MAAM,eAAe,CAAA;AACvC,OAAO,QAAQ,MAAM,YAAY,CAAA;AAEjC,SAAS,iBAAiB,CACxB,gBAAyC,EAEzC,QAAgB,EAChB,aAAqB,EACrB,UAAkB,EAElB,SAAwB,EACxB,eAA6B,EAC7B,sBAA2C,EAC3C,OAAgB,EAChB,OAAO,GAAG,EAAE;IAGZ,MAAM,aAAa,GAAG,MAAM,CAAC,MAAM,CACjC;QACE,YAAY,EAAE,GAAG;QACjB,SAAS,EAAE;YACT,CAAC,EAAE,KAAK;YACR,CAAC,EAAE,IAAI;SACR;KACF,EACD,OAAO,CACR,CAAA;IAGD,MAAM,iBAAiB,GAAG,WAAW,CACnC,gBAAgB,EAChB,QAAQ,EACR,aAAa,EACb,UAAU,EACV,SAAS,EACT,eAAe,EACf,aAAa,CACd,CAAA;IAGD,QAAQ,CACN,gBAAgB,EAChB,QAAQ,EACR,aAAa,EACb,UAAU,EACV,sBAAsB,EACtB,eAAe,EACf,iBAAiB,EACjB,aAAa,CACd,CAAA;IAYD,OAAO,iBAAiB,CAAA;AAC1B,CAAC;AAED,eAAe,iBAAiB,CAAA"}

package/dist/esm/drawingSvg/drawRect.d.ts

@@ -0,0 +1,2 @@
+import type { Types } from '@cornerstonejs/core';
+export default function drawRect(svgDrawingHelper: any, toolName: string, annotationUID: string, rectangleUID: string, start: Types.Point2, end: Types.Point2, options?: {}): void;

package/dist/esm/drawingSvg/drawRect.js

@@ -0,0 +1,38 @@
+import _getHash from './_getHash';
+import _setAttributesIfNecessary from './_setAttributesIfNecessary';
+import _setNewAttributesIfValid from './_setNewAttributesIfValid';
+export default function drawRect(svgDrawingHelper, toolName, annotationUID, rectangleUID, start, end, options = {}) {
+    const { color, width: _width, lineWidth, lineDash, } = Object.assign({
+        color: 'dodgerblue',
+        width: '2',
+        lineWidth: undefined,
+        lineDash: undefined,
+    }, options);
+    const strokeWidth = lineWidth || _width;
+    const svgns = 'http://www.w3.org/2000/svg';
+    const svgNodeHash = _getHash(toolName, annotationUID, 'rect', rectangleUID);
+    const existingRect = svgDrawingHelper._getSvgNode(svgNodeHash);
+    const tlhc = [Math.min(start[0], end[0]), Math.min(start[1], end[1])];
+    const width = Math.abs(start[0] - end[0]);
+    const height = Math.abs(start[1] - end[1]);
+    const attributes = {
+        x: `${tlhc[0]}`,
+        y: `${tlhc[1]}`,
+        width: `${width}`,
+        height: `${height}`,
+        stroke: color,
+        fill: 'transparent',
+        'stroke-width': strokeWidth,
+        'stroke-dasharray': lineDash,
+    };
+    if (existingRect) {
+        _setAttributesIfNecessary(attributes, existingRect);
+        svgDrawingHelper._setNodeTouched(svgNodeHash);
+    }
+    else {
+        const svgRectElement = document.createElementNS(svgns, 'rect');
+        _setNewAttributesIfValid(attributes, svgRectElement);
+        svgDrawingHelper._appendNode(svgRectElement, svgNodeHash);
+    }
+}
+//# sourceMappingURL=drawRect.js.map

package/dist/esm/drawingSvg/drawRect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"drawRect.js","sourceRoot":"","sources":["../../../src/drawingSvg/drawRect.ts"],"names":[],"mappings":"AAEA,OAAO,QAAQ,MAAM,YAAY,CAAA;AACjC,OAAO,yBAAyB,MAAM,6BAA6B,CAAA;AACnE,OAAO,wBAAwB,MAAM,4BAA4B,CAAA;AAGjE,MAAM,CAAC,OAAO,UAAU,QAAQ,CAC9B,gBAAqB,EACrB,QAAgB,EAChB,aAAqB,EACrB,YAAoB,EACpB,KAAmB,EACnB,GAAiB,EACjB,OAAO,GAAG,EAAE;IAEZ,MAAM,EACJ,KAAK,EACL,KAAK,EAAE,MAAM,EACb,SAAS,EACT,QAAQ,GACT,GAAG,MAAM,CAAC,MAAM,CACf;QACE,KAAK,EAAE,YAAY;QACnB,KAAK,EAAE,GAAG;QACV,SAAS,EAAE,SAAS;QACpB,QAAQ,EAAE,SAAS;KACpB,EACD,OAAO,CACR,CAAA;IAGD,MAAM,WAAW,GAAG,SAAS,IAAI,MAAM,CAAA;IAEvC,MAAM,KAAK,GAAG,4BAA4B,CAAA;IAC1C,MAAM,WAAW,GAAG,QAAQ,CAAC,QAAQ,EAAE,aAAa,EAAE,MAAM,EAAE,YAAY,CAAC,CAAA;IAC3E,MAAM,YAAY,GAAG,gBAAgB,CAAC,WAAW,CAAC,WAAW,CAAC,CAAA;IAE9D,MAAM,IAAI,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;IACrE,MAAM,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC,CAAC,CAAA;IACzC,MAAM,MAAM,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC,CAAC,CAAA;IAE1C,MAAM,UAAU,GAAG;QACjB,CAAC,EAAE,GAAG,IAAI,CAAC,CAAC,CAAC,EAAE;QACf,CAAC,EAAE,GAAG,IAAI,CAAC,CAAC,CAAC,EAAE;QACf,KAAK,EAAE,GAAG,KAAK,EAAE;QACjB,MAAM,EAAE,GAAG,MAAM,EAAE;QACnB,MAAM,EAAE,KAAK;QACb,IAAI,EAAE,aAAa;QACnB,cAAc,EAAE,WAAW;QAC3B,kBAAkB,EAAE,QAAQ;KAC7B,CAAA;IAED,IAAI,YAAY,EAAE;QAChB,yBAAyB,CAAC,UAAU,EAAE,YAAY,CAAC,CAAA;QAEnD,gBAAgB,CAAC,eAAe,CAAC,WAAW,CAAC,CAAA;KAC9C;SAAM;QACL,MAAM,cAAc,GAAG,QAAQ,CAAC,eAAe,CAAC,KAAK,EAAE,MAAM,CAAC,CAAA;QAE9D,wBAAwB,CAAC,UAAU,EAAE,cAAc,CAAC,CAAA;QAEpD,gBAAgB,CAAC,WAAW,CAAC,cAAc,EAAE,WAAW,CAAC,CAAA;KAC1D;AACH,CAAC"}

package/dist/esm/drawingSvg/drawTextBox.d.ts

@@ -0,0 +1,3 @@
+import type { Types } from '@cornerstonejs/core';
+declare function drawTextBox(svgDrawingHelper: Record<string, unknown>, toolName: string, annotationUID: string, textUID: string, textLines: Array<string>, position: Types.Point2, options?: {}): SVGRect;
+export default drawTextBox;

package/dist/esm/drawingSvg/drawTextBox.js

@@ -0,0 +1,112 @@
+import _getHash from './_getHash';
+import _setAttributesIfNecessary from './_setAttributesIfNecessary';
+function drawTextBox(svgDrawingHelper, toolName, annotationUID, textUID, textLines, position, options = {}) {
+    const mergedOptions = Object.assign({
+        fontFamily: 'Helvetica, Arial, sans-serif',
+        fontSize: '14px',
+        color: 'rgb(255, 255, 0)',
+        background: '',
+        padding: 25,
+        centerX: false,
+        centerY: true,
+    }, options);
+    const textGroupBoundingBox = _drawTextGroup(svgDrawingHelper, toolName, annotationUID, textUID, textLines, position, mergedOptions);
+    return textGroupBoundingBox;
+}
+function _drawTextGroup(svgDrawingHelper, toolName, annotationUID, textUID, textLines, position, options) {
+    const { padding, color, fontFamily, fontSize, background } = options;
+    let textGroupBoundingBox;
+    const [x, y] = [position[0] + padding, position[1] + padding];
+    const svgns = 'http://www.w3.org/2000/svg';
+    const svgNodeHash = _getHash(toolName, annotationUID, 'text', textUID);
+    const existingTextGroup = svgDrawingHelper._getSvgNode(svgNodeHash);
+    if (existingTextGroup) {
+        const textElement = existingTextGroup.querySelector('text');
+        const textSpans = Array.from(textElement.children);
+        for (let i = 0; i < textSpans.length; i++) {
+            const textSpanElement = textSpans[i];
+            const text = textLines[i] || '';
+            textSpanElement.textContent = text;
+        }
+        const textAttributes = {
+            fill: color,
+            'font-size': fontSize,
+            'font-family': fontFamily,
+        };
+        const textGroupAttributes = {
+            transform: `translate(${x} ${y})`,
+        };
+        _setAttributesIfNecessary(textAttributes, textElement);
+        _setAttributesIfNecessary(textGroupAttributes, existingTextGroup);
+        textGroupBoundingBox = _drawTextBackground(existingTextGroup, background);
+        svgDrawingHelper._setNodeTouched(svgNodeHash);
+    }
+    else {
+        const textGroup = document.createElementNS(svgns, 'g');
+        textGroup.setAttribute('transform', `translate(${x} ${y})`);
+        const textElement = _createTextElement(options);
+        for (let i = 0; i < textLines.length; i++) {
+            const textLine = textLines[i];
+            const textSpan = _createTextSpan(textLine);
+            textElement.appendChild(textSpan);
+        }
+        textGroup.appendChild(textElement);
+        svgDrawingHelper._appendNode(textGroup, svgNodeHash);
+        textGroupBoundingBox = _drawTextBackground(textGroup, background);
+    }
+    return Object.assign({}, textGroupBoundingBox, {
+        x,
+        y,
+        height: textGroupBoundingBox.height + padding,
+        width: textGroupBoundingBox.width + padding,
+    });
+}
+function _createTextElement(options) {
+    const { color, fontFamily, fontSize } = options;
+    const svgns = 'http://www.w3.org/2000/svg';
+    const textElement = document.createElementNS(svgns, 'text');
+    const noSelectStyle = 'user-select: none; pointer-events: none; -webkit-tap-highlight-color:  rgba(255, 255, 255, 0);';
+    const dropShadowStyle = 'filter:url(#shadow);';
+    const combinedStyle = `${noSelectStyle}${dropShadowStyle}`;
+    textElement.setAttribute('x', '0');
+    textElement.setAttribute('y', '0');
+    textElement.setAttribute('fill', color);
+    textElement.setAttribute('font-family', fontFamily);
+    textElement.setAttribute('font-size', fontSize);
+    textElement.setAttribute('style', combinedStyle);
+    return textElement;
+}
+function _createTextSpan(text) {
+    const svgns = 'http://www.w3.org/2000/svg';
+    const textSpanElement = document.createElementNS(svgns, 'tspan');
+    textSpanElement.setAttribute('x', '0');
+    textSpanElement.setAttribute('dy', '1.2em');
+    textSpanElement.textContent = text;
+    return textSpanElement;
+}
+function _drawTextBackground(group, color) {
+    let element = group.querySelector('rect.background');
+    if (!color) {
+        if (element) {
+            group.removeChild(element);
+        }
+        return group.getBBox();
+    }
+    if (!element) {
+        element = document.createElementNS('http://www.w3.org/2000/svg', 'rect');
+        element.setAttribute('class', 'background');
+        group.insertBefore(element, group.firstChild);
+    }
+    const bBox = group.getBBox();
+    const attributes = {
+        x: `${bBox.x}`,
+        y: `${bBox.y}`,
+        width: `${bBox.width}`,
+        height: `${bBox.height}`,
+        fill: color,
+    };
+    _setAttributesIfNecessary(attributes, element);
+    return bBox;
+}
+export default drawTextBox;
+//# sourceMappingURL=drawTextBox.js.map

package/dist/esm/drawingSvg/drawTextBox.js.map

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

package/dist/esm/drawingSvg/getSvgDrawingHelper.d.ts

@@ -0,0 +1,11 @@
+declare function getSvgDrawingHelper(element: HTMLElement): {
+    enabledElement: import("packages/core/dist/esm/types/IEnabledElement").default;
+    _element: HTMLElement;
+    _svgLayerElement: any;
+    _svgNodeCacheForCanvas: Record<string, unknown>;
+    _getSvgNode: any;
+    _appendNode: any;
+    _setNodeTouched: any;
+    _clearUntouched: any;
+};
+export default getSvgDrawingHelper;

package/dist/esm/drawingSvg/getSvgDrawingHelper.js

@@ -0,0 +1,66 @@
+import { state } from '../store';
+import { getEnabledElement } from '@cornerstonejs/core';
+function getSvgDrawingHelper(element) {
+    const enabledElement = getEnabledElement(element);
+    const { viewportUID, renderingEngineUID } = enabledElement;
+    const canvasHash = `${viewportUID}:${renderingEngineUID}`;
+    const svgLayerElement = _getSvgLayer(element);
+    Object.keys(state.svgNodeCache[canvasHash]).forEach((cacheKey) => {
+        state.svgNodeCache[canvasHash][cacheKey].touched = false;
+    });
+    return {
+        enabledElement: enabledElement,
+        _element: element,
+        _svgLayerElement: svgLayerElement,
+        _svgNodeCacheForCanvas: state.svgNodeCache,
+        _getSvgNode: getSvgNode.bind(this, canvasHash),
+        _appendNode: appendNode.bind(this, svgLayerElement, canvasHash),
+        _setNodeTouched: setNodeTouched.bind(this, canvasHash),
+        _clearUntouched: clearUntouched.bind(this, svgLayerElement, canvasHash),
+    };
+}
+function _getSvgLayer(element) {
+    const internalDivElement = element.firstChild;
+    const svgLayer = internalDivElement.querySelector('.svg-layer');
+    return svgLayer;
+}
+function getSvgNode(canvasHash, cacheKey) {
+    if (!state.svgNodeCache[canvasHash]) {
+        return;
+    }
+    if (state.svgNodeCache[canvasHash][cacheKey]) {
+        return state.svgNodeCache[canvasHash][cacheKey].domRef;
+    }
+}
+function appendNode(svgLayerElement, canvasHash, svgNode, cacheKey) {
+    if (!state.svgNodeCache[canvasHash]) {
+        return null;
+    }
+    state.svgNodeCache[canvasHash][cacheKey] = {
+        touched: true,
+        domRef: svgNode,
+    };
+    svgLayerElement.appendChild(svgNode);
+}
+function setNodeTouched(canvasHash, cacheKey) {
+    if (!state.svgNodeCache[canvasHash]) {
+        return;
+    }
+    if (state.svgNodeCache[canvasHash][cacheKey]) {
+        state.svgNodeCache[canvasHash][cacheKey].touched = true;
+    }
+}
+function clearUntouched(svgLayerElement, canvasHash) {
+    if (!state.svgNodeCache[canvasHash]) {
+        return;
+    }
+    Object.keys(state.svgNodeCache[canvasHash]).forEach((cacheKey) => {
+        const cacheEntry = state.svgNodeCache[canvasHash][cacheKey];
+        if (!cacheEntry.touched && cacheEntry.domRef) {
+            svgLayerElement.removeChild(cacheEntry.domRef);
+            delete state.svgNodeCache[canvasHash][cacheKey];
+        }
+    });
+}
+export default getSvgDrawingHelper;
+//# sourceMappingURL=getSvgDrawingHelper.js.map

package/dist/esm/drawingSvg/getSvgDrawingHelper.js.map

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