@cornerstonejs/tools 2.0.0-beta.5 → 2.0.0-beta.7

package/dist/esm/drawingSvg/drawArrow.js

@@ -4,7 +4,7 @@ export default function drawArrow(svgDrawingHelper, annotationUID, arrowUID, sta
         return;
     }
     const { color, width, lineWidth, lineDash } = Object.assign({
-        color: 'dodgerblue',
+        color: 'rgb(0, 255, 0)',
         width: '2',
         lineWidth: undefined,
         lineDash: undefined,

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

@@ -1 +1 @@
-{"version":3,"file":"drawArrow.js","sourceRoot":"","sources":["../../../src/drawingSvg/drawArrow.ts"],"names":[],"mappings":"AAEA,OAAO,QAAQ,MAAM,YAAY,CAAC;AAElC,MAAM,CAAC,OAAO,UAAU,SAAS,CAC/B,gBAAkC,EAClC,aAAqB,EACrB,QAAgB,EAChB,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,OAAO;KACR;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,CAAC;IAGF,QAAQ,CAAC,gBAAgB,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,EAAE;QAC9D,KAAK;QACL,KAAK;QACL,SAAS;QACT,QAAQ;KACT,CAAC,CAAC;IAIH,MAAM,UAAU,GAAG,EAAE,CAAC;IACtB,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;IAE/D,MAAM,SAAS,GAAG;QAChB,KAAK,EAAE;YACL,GAAG,CAAC,CAAC,CAAC,GAAG,UAAU,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,GAAG,IAAI,CAAC,EAAE,GAAG,CAAC,CAAC;YACnD,GAAG,CAAC,CAAC,CAAC,GAAG,UAAU,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,GAAG,IAAI,CAAC,EAAE,GAAG,CAAC,CAAC;SACpC;QACjB,GAAG,EAAE,GAAG;KACT,CAAC;IAEF,MAAM,UAAU,GAAG;QACjB,KAAK,EAAE;YACL,GAAG,CAAC,CAAC,CAAC,GAAG,UAAU,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,GAAG,IAAI,CAAC,EAAE,GAAG,CAAC,CAAC;YACnD,GAAG,CAAC,CAAC,CAAC,GAAG,UAAU,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,GAAG,IAAI,CAAC,EAAE,GAAG,CAAC,CAAC;SACpC;QACjB,GAAG,EAAE,GAAG;KACT,CAAC;IAEF,QAAQ,CACN,gBAAgB,EAChB,aAAa,EACb,GAAG,EACH,SAAS,CAAC,KAAK,EACf,SAAS,CAAC,GAAG,EACb;QACE,KAAK;QACL,KAAK;QACL,SAAS;KACV,CACF,CAAC;IAEF,QAAQ,CACN,gBAAgB,EAChB,aAAa,EACb,GAAG,EACH,UAAU,CAAC,KAAK,EAChB,UAAU,CAAC,GAAG,EACd;QACE,KAAK;QACL,KAAK;QACL,SAAS;KACV,CACF,CAAC;AACJ,CAAC"}
+{"version":3,"file":"drawArrow.js","sourceRoot":"","sources":["../../../src/drawingSvg/drawArrow.ts"],"names":[],"mappings":"AAEA,OAAO,QAAQ,MAAM,YAAY,CAAC;AAElC,MAAM,CAAC,OAAO,UAAU,SAAS,CAC/B,gBAAkC,EAClC,aAAqB,EACrB,QAAgB,EAChB,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,OAAO;KACR;IAED,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,MAAM,CAAC,MAAM,CACzD;QACE,KAAK,EAAE,gBAAgB;QACvB,KAAK,EAAE,GAAG;QACV,SAAS,EAAE,SAAS;QACpB,QAAQ,EAAE,SAAS;KACpB,EACD,OAAO,CACR,CAAC;IAGF,QAAQ,CAAC,gBAAgB,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,EAAE;QAC9D,KAAK;QACL,KAAK;QACL,SAAS;QACT,QAAQ;KACT,CAAC,CAAC;IAIH,MAAM,UAAU,GAAG,EAAE,CAAC;IACtB,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;IAE/D,MAAM,SAAS,GAAG;QAChB,KAAK,EAAE;YACL,GAAG,CAAC,CAAC,CAAC,GAAG,UAAU,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,GAAG,IAAI,CAAC,EAAE,GAAG,CAAC,CAAC;YACnD,GAAG,CAAC,CAAC,CAAC,GAAG,UAAU,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,GAAG,IAAI,CAAC,EAAE,GAAG,CAAC,CAAC;SACpC;QACjB,GAAG,EAAE,GAAG;KACT,CAAC;IAEF,MAAM,UAAU,GAAG;QACjB,KAAK,EAAE;YACL,GAAG,CAAC,CAAC,CAAC,GAAG,UAAU,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,GAAG,IAAI,CAAC,EAAE,GAAG,CAAC,CAAC;YACnD,GAAG,CAAC,CAAC,CAAC,GAAG,UAAU,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,GAAG,IAAI,CAAC,EAAE,GAAG,CAAC,CAAC;SACpC;QACjB,GAAG,EAAE,GAAG;KACT,CAAC;IAEF,QAAQ,CACN,gBAAgB,EAChB,aAAa,EACb,GAAG,EACH,SAAS,CAAC,KAAK,EACf,SAAS,CAAC,GAAG,EACb;QACE,KAAK;QACL,KAAK;QACL,SAAS;KACV,CACF,CAAC;IAEF,QAAQ,CACN,gBAAgB,EAChB,aAAa,EACb,GAAG,EACH,UAAU,CAAC,KAAK,EAChB,UAAU,CAAC,GAAG,EACd;QACE,KAAK;QACL,KAAK;QACL,SAAS;KACV,CACF,CAAC;AACJ,CAAC"}

package/dist/esm/drawingSvg/drawCircle.js

@@ -3,7 +3,7 @@ import setAttributesIfNecessary from './setAttributesIfNecessary';
 import setNewAttributesIfValid from './setNewAttributesIfValid';
 function drawCircle(svgDrawingHelper, annotationUID, circleUID, center, radius, options = {}, dataId = '') {
     const { color, fill, width, lineWidth, lineDash, fillOpacity, strokeOpacity, } = Object.assign({
-        color: 'dodgerblue',
+        color: 'rgb(0, 255, 0)',
         fill: 'transparent',
         width: '2',
         lineDash: undefined,

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

@@ -1 +1 @@
-{"version":3,"file":"drawCircle.js","sourceRoot":"","sources":["../../../src/drawingSvg/drawCircle.ts"],"names":[],"mappings":"AAGA,OAAO,QAAQ,MAAM,YAAY,CAAC;AAElC,OAAO,wBAAwB,MAAM,4BAA4B,CAAC;AAClE,OAAO,uBAAuB,MAAM,2BAA2B,CAAC;AAEhE,SAAS,UAAU,CACjB,gBAAkC,EAClC,aAAqB,EACrB,SAAiB,EACjB,MAAoB,EACpB,MAAc,EACd,OAAO,GAAG,EAAE,EACZ,MAAM,GAAG,EAAE;IAEX,MAAM,EACJ,KAAK,EACL,IAAI,EACJ,KAAK,EACL,SAAS,EACT,QAAQ,EACR,WAAW,EACX,aAAa,GACd,GAAG,MAAM,CAAC,MAAM,CACf;QACE,KAAK,EAAE,YAAY;QACnB,IAAI,EAAE,aAAa;QACnB,KAAK,EAAE,GAAG;QACV,QAAQ,EAAE,SAAS;QACnB,SAAS,EAAE,SAAS;QACpB,aAAa,EAAE,CAAC;QAChB,WAAW,EAAE,CAAC;KACf,EACD,OAAO,CACR,CAAC;IAGF,MAAM,WAAW,GAAG,SAAS,IAAI,KAAK,CAAC;IAGvC,MAAM,KAAK,GAAG,4BAA4B,CAAC;IAC3C,MAAM,WAAW,GAAG,QAAQ,CAAC,aAAa,EAAE,QAAQ,EAAE,SAAS,CAAC,CAAC;IACjE,MAAM,qBAAqB,GAAG,gBAAgB,CAAC,UAAU,CAAC,WAAW,CAAC,CAAC;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;QAC3B,kBAAkB,EAAE,QAAQ;QAC5B,cAAc,EAAE,WAAW;QAC3B,gBAAgB,EAAE,aAAa;KAChC,CAAC;IAEF,IAAI,qBAAqB,EAAE;QACzB,wBAAwB,CAAC,UAAU,EAAE,qBAAqB,CAAC,CAAC;QAE5D,gBAAgB,CAAC,cAAc,CAAC,WAAW,CAAC,CAAC;KAC9C;SAAM;QACL,MAAM,gBAAgB,GAAG,QAAQ,CAAC,eAAe,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC;QAEnE,IAAI,MAAM,KAAK,EAAE,EAAE;YACjB,gBAAgB,CAAC,YAAY,CAAC,SAAS,EAAE,MAAM,CAAC,CAAC;SAClD;QAED,uBAAuB,CAAC,UAAU,EAAE,gBAAgB,CAAC,CAAC;QAEtD,gBAAgB,CAAC,UAAU,CAAC,gBAAgB,EAAE,WAAW,CAAC,CAAC;KAC5D;AACH,CAAC;AAED,eAAe,UAAU,CAAC"}
+{"version":3,"file":"drawCircle.js","sourceRoot":"","sources":["../../../src/drawingSvg/drawCircle.ts"],"names":[],"mappings":"AAGA,OAAO,QAAQ,MAAM,YAAY,CAAC;AAElC,OAAO,wBAAwB,MAAM,4BAA4B,CAAC;AAClE,OAAO,uBAAuB,MAAM,2BAA2B,CAAC;AAEhE,SAAS,UAAU,CACjB,gBAAkC,EAClC,aAAqB,EACrB,SAAiB,EACjB,MAAoB,EACpB,MAAc,EACd,OAAO,GAAG,EAAE,EACZ,MAAM,GAAG,EAAE;IAEX,MAAM,EACJ,KAAK,EACL,IAAI,EACJ,KAAK,EACL,SAAS,EACT,QAAQ,EACR,WAAW,EACX,aAAa,GACd,GAAG,MAAM,CAAC,MAAM,CACf;QACE,KAAK,EAAE,gBAAgB;QACvB,IAAI,EAAE,aAAa;QACnB,KAAK,EAAE,GAAG;QACV,QAAQ,EAAE,SAAS;QACnB,SAAS,EAAE,SAAS;QACpB,aAAa,EAAE,CAAC;QAChB,WAAW,EAAE,CAAC;KACf,EACD,OAAO,CACR,CAAC;IAGF,MAAM,WAAW,GAAG,SAAS,IAAI,KAAK,CAAC;IAGvC,MAAM,KAAK,GAAG,4BAA4B,CAAC;IAC3C,MAAM,WAAW,GAAG,QAAQ,CAAC,aAAa,EAAE,QAAQ,EAAE,SAAS,CAAC,CAAC;IACjE,MAAM,qBAAqB,GAAG,gBAAgB,CAAC,UAAU,CAAC,WAAW,CAAC,CAAC;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;QAC3B,kBAAkB,EAAE,QAAQ;QAC5B,cAAc,EAAE,WAAW;QAC3B,gBAAgB,EAAE,aAAa;KAChC,CAAC;IAEF,IAAI,qBAAqB,EAAE;QACzB,wBAAwB,CAAC,UAAU,EAAE,qBAAqB,CAAC,CAAC;QAE5D,gBAAgB,CAAC,cAAc,CAAC,WAAW,CAAC,CAAC;KAC9C;SAAM;QACL,MAAM,gBAAgB,GAAG,QAAQ,CAAC,eAAe,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC;QAEnE,IAAI,MAAM,KAAK,EAAE,EAAE;YACjB,gBAAgB,CAAC,YAAY,CAAC,SAAS,EAAE,MAAM,CAAC,CAAC;SAClD;QAED,uBAAuB,CAAC,UAAU,EAAE,gBAAgB,CAAC,CAAC;QAEtD,gBAAgB,CAAC,UAAU,CAAC,gBAAgB,EAAE,WAAW,CAAC,CAAC;KAC5D;AACH,CAAC;AAED,eAAe,UAAU,CAAC"}

package/dist/esm/drawingSvg/drawEllipse.js

@@ -1,46 +1,10 @@
-import _getHash from './_getHash';
-import setAttributesIfNecessary from './setAttributesIfNecessary';
-import setNewAttributesIfValid from './setNewAttributesIfValid';
+import drawEllipseByCoordinates from './drawEllipseByCoordinates';
 function drawEllipse(svgDrawingHelper, annotationUID, ellipseUID, corner1, corner2, options = {}, dataId = '') {
-    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(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');
-        if (dataId !== '') {
-            svgEllipseElement.setAttribute('data-id', dataId);
-        }
-        setNewAttributesIfValid(attributes, svgEllipseElement);
-        svgDrawingHelper.appendNode(svgEllipseElement, svgNodeHash);
-    }
+    const top = [(corner1[0] + corner2[0]) / 2, corner1[1]];
+    const bottom = [(corner1[0] + corner2[0]) / 2, corner2[1]];
+    const left = [corner1[0], (corner1[1] + corner2[1]) / 2];
+    const right = [corner2[0], (corner1[1] + corner2[1]) / 2];
+    drawEllipseByCoordinates(svgDrawingHelper, annotationUID, ellipseUID, [bottom, top, left, right], (options = {}), (dataId = ''));
 }
 export default drawEllipse;
 //# sourceMappingURL=drawEllipse.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"drawEllipse.js","sourceRoot":"","sources":["../../../src/drawingSvg/drawEllipse.ts"],"names":[],"mappings":"AAGA,OAAO,QAAQ,MAAM,YAAY,CAAC;AAClC,OAAO,wBAAwB,MAAM,4BAA4B,CAAC;AAClE,OAAO,uBAAuB,MAAM,2BAA2B,CAAC;AAEhE,SAAS,WAAW,CAClB,gBAAkC,EAClC,aAAqB,EACrB,UAAkB,EAClB,OAAqB,EACrB,OAAqB,EACrB,OAAO,GAAG,EAAE,EACZ,MAAM,GAAG,EAAE;IAEX,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,CAAC;IAGF,MAAM,WAAW,GAAG,SAAS,IAAI,KAAK,CAAC;IAEvC,MAAM,KAAK,GAAG,4BAA4B,CAAC;IAC3C,MAAM,WAAW,GAAG,QAAQ,CAAC,aAAa,EAAE,SAAS,EAAE,UAAU,CAAC,CAAC;IACnE,MAAM,eAAe,GAAG,gBAAgB,CAAC,UAAU,CAAC,WAAW,CAAC,CAAC;IAEjE,MAAM,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC;IAC5C,MAAM,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC;IAC5C,MAAM,IAAI,GAAG,IAAI,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC;IAC9C,MAAM,IAAI,GAAG,IAAI,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC;IAE9C,MAAM,MAAM,GAAG,CAAC,IAAI,GAAG,CAAC,GAAG,CAAC,EAAE,IAAI,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC;IAC5C,MAAM,OAAO,GAAG,CAAC,GAAG,CAAC,CAAC;IACtB,MAAM,OAAO,GAAG,CAAC,GAAG,CAAC,CAAC;IAEtB,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,CAAC;IAEF,IAAI,eAAe,EAAE;QACnB,wBAAwB,CAAC,UAAU,EAAE,eAAe,CAAC,CAAC;QAEtD,gBAAgB,CAAC,cAAc,CAAC,WAAW,CAAC,CAAC;KAC9C;SAAM;QACL,MAAM,iBAAiB,GAAG,QAAQ,CAAC,eAAe,CAAC,KAAK,EAAE,SAAS,CAAC,CAAC;QAErE,IAAI,MAAM,KAAK,EAAE,EAAE;YACjB,iBAAiB,CAAC,YAAY,CAAC,SAAS,EAAE,MAAM,CAAC,CAAC;SACnD;QAED,uBAAuB,CAAC,UAAU,EAAE,iBAAiB,CAAC,CAAC;QAEvD,gBAAgB,CAAC,UAAU,CAAC,iBAAiB,EAAE,WAAW,CAAC,CAAC;KAC7D;AACH,CAAC;AAED,eAAe,WAAW,CAAC"}
+{"version":3,"file":"drawEllipse.js","sourceRoot":"","sources":["../../../src/drawingSvg/drawEllipse.ts"],"names":[],"mappings":"AAIA,OAAO,wBAAwB,MAAM,4BAA4B,CAAC;AAElE,SAAS,WAAW,CAClB,gBAAkC,EAClC,aAAqB,EACrB,UAAkB,EAClB,OAAqB,EACrB,OAAqB,EACrB,OAAO,GAAG,EAAE,EACZ,MAAM,GAAG,EAAE;IAEX,MAAM,GAAG,GAAiB,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC;IACtE,MAAM,MAAM,GAAiB,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC;IACzE,MAAM,IAAI,GAAiB,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;IACvE,MAAM,KAAK,GAAiB,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;IAExE,wBAAwB,CACtB,gBAAgB,EAChB,aAAa,EACb,UAAU,EACV,CAAC,MAAM,EAAE,GAAG,EAAE,IAAI,EAAE,KAAK,CAAC,EAC1B,CAAC,OAAO,GAAG,EAAE,CAAC,EACd,CAAC,MAAM,GAAG,EAAE,CAAC,CACd,CAAC;AACJ,CAAC;AAED,eAAe,WAAW,CAAC"}

package/dist/esm/drawingSvg/drawEllipseByCoordinates.js

@@ -0,0 +1,47 @@
+import _getHash from './_getHash';
+import setAttributesIfNecessary from './setAttributesIfNecessary';
+import setNewAttributesIfValid from './setNewAttributesIfValid';
+function drawEllipseByCoordinates(svgDrawingHelper, annotationUID, ellipseUID, canvasCoordinates, options = {}, dataId = '') {
+    const { color, width, lineWidth, lineDash } = Object.assign({
+        color: 'rgb(0, 255, 0)',
+        width: '2',
+        lineWidth: undefined,
+        lineDash: undefined,
+    }, options);
+    const strokeWidth = lineWidth || width;
+    const svgns = 'http://www.w3.org/2000/svg';
+    const svgNodeHash = _getHash(annotationUID, 'ellipse', ellipseUID);
+    const existingEllipse = svgDrawingHelper.getSvgNode(svgNodeHash);
+    const [bottom, top, left, right] = canvasCoordinates;
+    const w = Math.hypot(left[0] - right[0], left[1] - right[1]);
+    const h = Math.hypot(top[0] - bottom[0], top[1] - bottom[1]);
+    const angle = (Math.atan2(left[1] - right[1], left[0] - right[0]) * 180) / Math.PI;
+    const center = [(left[0] + right[0]) / 2, (top[1] + bottom[1]) / 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',
+        transform: `rotate(${angle} ${center[0]} ${center[1]})`,
+        'stroke-width': strokeWidth,
+        'stroke-dasharray': lineDash,
+    };
+    if (existingEllipse) {
+        setAttributesIfNecessary(attributes, existingEllipse);
+        svgDrawingHelper.setNodeTouched(svgNodeHash);
+    }
+    else {
+        const svgEllipseElement = document.createElementNS(svgns, 'ellipse');
+        if (dataId !== '') {
+            svgEllipseElement.setAttribute('data-id', dataId);
+        }
+        setNewAttributesIfValid(attributes, svgEllipseElement);
+        svgDrawingHelper.appendNode(svgEllipseElement, svgNodeHash);
+    }
+}
+export default drawEllipseByCoordinates;
+//# sourceMappingURL=drawEllipseByCoordinates.js.map

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

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

package/dist/esm/drawingSvg/drawHandle.js

@@ -0,0 +1,61 @@
+import _getHash from './_getHash';
+import setNewAttributesIfValid from './setNewAttributesIfValid';
+import setAttributesIfNecessary from './setAttributesIfNecessary';
+function drawHandle(svgDrawingHelper, annotationUID, handleGroupUID, handle, options = {}, uniqueIndex) {
+    const { color, handleRadius, width, lineWidth, fill, type, opacity } = Object.assign({
+        color: 'rgb(0, 255, 0)',
+        handleRadius: '6',
+        width: '2',
+        lineWidth: undefined,
+        fill: 'transparent',
+        type: 'circle',
+        opacity: 1,
+    }, options);
+    const strokeWidth = lineWidth || width;
+    const svgns = 'http://www.w3.org/2000/svg';
+    const svgNodeHash = _getHash(annotationUID, 'handle', `hg-${handleGroupUID}-index-${uniqueIndex}`);
+    let attributes;
+    if (type === 'circle') {
+        attributes = {
+            cx: `${handle[0]}`,
+            cy: `${handle[1]}`,
+            r: handleRadius,
+            stroke: color,
+            fill,
+            'stroke-width': strokeWidth,
+            opacity: opacity,
+        };
+    }
+    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}`,
+            opacity: opacity,
+        };
+    }
+    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 drawHandle;
+//# sourceMappingURL=drawHandle.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"drawHandle.js","sourceRoot":"","sources":["../../../src/drawingSvg/drawHandle.ts"],"names":[],"mappings":"AAEA,OAAO,QAAQ,MAAM,YAAY,CAAC;AAClC,OAAO,uBAAuB,MAAM,2BAA2B,CAAC;AAChE,OAAO,wBAAwB,MAAM,4BAA4B,CAAC;AAGlE,SAAS,UAAU,CACjB,gBAAkC,EAClC,aAAqB,EACrB,cAAsB,EACtB,MAAoB,EACpB,OAAO,GAAG,EAAE,EACZ,WAAW;IAEX,MAAM,EAAE,KAAK,EAAE,YAAY,EAAE,KAAK,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,GAClE,MAAM,CAAC,MAAM,CACX;QACE,KAAK,EAAE,gBAAgB;QACvB,YAAY,EAAE,GAAG;QACjB,KAAK,EAAE,GAAG;QACV,SAAS,EAAE,SAAS;QACpB,IAAI,EAAE,aAAa;QACnB,IAAI,EAAE,QAAQ;QACd,OAAO,EAAE,CAAC;KACX,EACD,OAAO,CACR,CAAC;IAGJ,MAAM,WAAW,GAAG,SAAS,IAAI,KAAK,CAAC;IAGvC,MAAM,KAAK,GAAG,4BAA4B,CAAC;IAC3C,MAAM,WAAW,GAAG,QAAQ,CAC1B,aAAa,EACb,QAAQ,EACR,MAAM,cAAc,UAAU,WAAW,EAAE,CAC5C,CAAC;IAEF,IAAI,UAAU,CAAC;IACf,IAAI,IAAI,KAAK,QAAQ,EAAE;QACrB,UAAU,GAAG;YACX,EAAE,EAAE,GAAG,MAAM,CAAC,CAAC,CAAC,EAAE;YAClB,EAAE,EAAE,GAAG,MAAM,CAAC,CAAC,CAAC,EAAE;YAClB,CAAC,EAAE,YAAY;YACf,MAAM,EAAE,KAAK;YACb,IAAI;YACJ,cAAc,EAAE,WAAW;YAC3B,OAAO,EAAE,OAAO;SACjB,CAAC;KACH;SAAM,IAAI,IAAI,KAAK,MAAM,EAAE;QAC1B,MAAM,iBAAiB,GAAG,UAAU,CAAC,YAAY,CAAC,CAAC;QACnD,MAAM,IAAI,GAAG,iBAAiB,GAAG,GAAG,CAAC;QACrC,MAAM,CAAC,GAAG,MAAM,CAAC,CAAC,CAAC,GAAG,IAAI,GAAG,GAAG,CAAC;QACjC,MAAM,CAAC,GAAG,MAAM,CAAC,CAAC,CAAC,GAAG,IAAI,GAAG,GAAG,CAAC;QAEjC,UAAU,GAAG;YACX,CAAC,EAAE,GAAG,CAAC,EAAE;YACT,CAAC,EAAE,GAAG,CAAC,EAAE;YACT,KAAK,EAAE,GAAG,IAAI,EAAE;YAChB,MAAM,EAAE,GAAG,IAAI,EAAE;YACjB,MAAM,EAAE,KAAK;YACb,IAAI;YACJ,cAAc,EAAE,WAAW;YAC3B,EAAE,EAAE,GAAG,IAAI,GAAG,GAAG,EAAE;YACnB,OAAO,EAAE,OAAO;SACjB,CAAC;KACH;SAAM;QACL,MAAM,IAAI,KAAK,CAAC,4BAA4B,IAAI,EAAE,CAAC,CAAC;KACrD;IAED,MAAM,qBAAqB,GAAG,gBAAgB,CAAC,UAAU,CAAC,WAAW,CAAC,CAAC;IAEvE,IAAI,qBAAqB,EAAE;QACzB,wBAAwB,CAAC,UAAU,EAAE,qBAAqB,CAAC,CAAC;QAE5D,gBAAgB,CAAC,cAAc,CAAC,WAAW,CAAC,CAAC;KAC9C;SAAM;QACL,MAAM,gBAAgB,GAAG,QAAQ,CAAC,eAAe,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC;QAE/D,uBAAuB,CAAC,UAAU,EAAE,gBAAgB,CAAC,CAAC;QAEtD,gBAAgB,CAAC,UAAU,CAAC,gBAAgB,EAAE,WAAW,CAAC,CAAC;KAC5D;AACH,CAAC;AAED,eAAe,UAAU,CAAC"}

package/dist/esm/drawingSvg/drawHandles.js

@@ -1,64 +1,8 @@
-import _getHash from './_getHash';
-import setNewAttributesIfValid from './setNewAttributesIfValid';
-import setAttributesIfNecessary from './setAttributesIfNecessary';
+import drawHandle from './drawHandle';
 function drawHandles(svgDrawingHelper, annotationUID, handleGroupUID, handlePoints, options = {}) {
-    const { color, handleRadius, width, lineWidth, fill, type, opacity } = Object.assign({
-        color: 'dodgerblue',
-        handleRadius: '6',
-        width: '2',
-        lineWidth: undefined,
-        fill: 'transparent',
-        type: 'circle',
-        opacity: 1,
-    }, 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(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,
-                opacity: opacity,
-            };
-        }
-        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}`,
-                opacity: opacity,
-            };
-        }
-        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);
-        }
-    }
+    handlePoints.forEach((handle, i) => {
+        drawHandle(svgDrawingHelper, annotationUID, handleGroupUID, handle, options, i);
+    });
 }
 export default drawHandles;
 //# sourceMappingURL=drawHandles.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"drawHandles.js","sourceRoot":"","sources":["../../../src/drawingSvg/drawHandles.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"drawHandles.js","sourceRoot":"","sources":["../../../src/drawingSvg/drawHandles.ts"],"names":[],"mappings":"AAGA,OAAO,UAAU,MAAM,cAAc,CAAC;AAEtC,SAAS,WAAW,CAClB,gBAAkC,EAClC,aAAqB,EACrB,cAAsB,EACtB,YAAiC,EACjC,OAAO,GAAG,EAAE;IAEZ,YAAY,CAAC,OAAO,CAAC,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;QACjC,UAAU,CACR,gBAAgB,EAChB,aAAa,EACb,cAAc,EACd,MAAM,EACN,OAAO,EACP,CAAC,CACF,CAAC;IACJ,CAAC,CAAC,CAAC;AACL,CAAC;AAED,eAAe,WAAW,CAAC"}

package/dist/esm/drawingSvg/drawLine.js

@@ -6,7 +6,7 @@ export default function drawLine(svgDrawingHelper, annotationUID, lineUID, start
         return;
     }
     const { color, width, lineWidth, lineDash, shadow } = Object.assign({
-        color: 'dodgerblue',
+        color: 'rgb(0, 255, 0)',
         width: '2',
         lineWidth: undefined,
         lineDash: undefined,

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

@@ -1 +1 @@
-{"version":3,"file":"drawLine.js","sourceRoot":"","sources":["../../../src/drawingSvg/drawLine.ts"],"names":[],"mappings":"AAEA,OAAO,QAAQ,MAAM,YAAY,CAAC;AAClC,OAAO,uBAAuB,MAAM,2BAA2B,CAAC;AAChE,OAAO,wBAAwB,MAAM,4BAA4B,CAAC;AAGlE,MAAM,CAAC,OAAO,UAAU,QAAQ,CAC9B,gBAAkC,EAClC,aAAqB,EACrB,OAAe,EACf,KAAmB,EACnB,GAAiB,EACjB,OAAO,GAAG,EAAE,EACZ,MAAM,GAAG,EAAE;IAGX,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,OAAO;KACR;IAED,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,EAAE,GAAG,MAAM,CAAC,MAAM,CACjE;QACE,KAAK,EAAE,YAAY;QACnB,KAAK,EAAE,GAAG;QACV,SAAS,EAAE,SAAS;QACpB,QAAQ,EAAE,SAAS;QACnB,MAAM,EAAE,SAAS;KAClB,EACD,OAAO,CACR,CAAC;IAGF,MAAM,WAAW,GAAG,SAAS,IAAI,KAAK,CAAC;IAEvC,MAAM,KAAK,GAAG,4BAA4B,CAAC;IAC3C,MAAM,WAAW,GAAG,QAAQ,CAAC,aAAa,EAAE,MAAM,EAAE,OAAO,CAAC,CAAC;IAC7D,MAAM,YAAY,GAAG,gBAAgB,CAAC,UAAU,CAAC,WAAW,CAAC,CAAC;IAC9D,MAAM,eAAe,GAAG,MAAM;QAC5B,CAAC,CAAC,sBAAsB,gBAAgB,CAAC,eAAe,CAAC,EAAE,IAAI;QAC/D,CAAC,CAAC,EAAE,CAAC;IAEP,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,KAAK,EAAE,eAAe;QACtB,cAAc,EAAE,WAAW;QAC3B,kBAAkB,EAAE,QAAQ;KAC7B,CAAC;IAEF,IAAI,YAAY,EAAE;QAEhB,wBAAwB,CAAC,UAAU,EAAE,YAAY,CAAC,CAAC;QAEnD,gBAAgB,CAAC,cAAc,CAAC,WAAW,CAAC,CAAC;KAC9C;SAAM;QACL,MAAM,OAAO,GAAG,QAAQ,CAAC,eAAe,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;QAExD,IAAI,MAAM,KAAK,EAAE,EAAE;YACjB,OAAO,CAAC,YAAY,CAAC,SAAS,EAAE,MAAM,CAAC,CAAC;SACzC;QAED,uBAAuB,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC;QAE7C,gBAAgB,CAAC,UAAU,CAAC,OAAO,EAAE,WAAW,CAAC,CAAC;KACnD;AACH,CAAC"}
+{"version":3,"file":"drawLine.js","sourceRoot":"","sources":["../../../src/drawingSvg/drawLine.ts"],"names":[],"mappings":"AAEA,OAAO,QAAQ,MAAM,YAAY,CAAC;AAClC,OAAO,uBAAuB,MAAM,2BAA2B,CAAC;AAChE,OAAO,wBAAwB,MAAM,4BAA4B,CAAC;AAGlE,MAAM,CAAC,OAAO,UAAU,QAAQ,CAC9B,gBAAkC,EAClC,aAAqB,EACrB,OAAe,EACf,KAAmB,EACnB,GAAiB,EACjB,OAAO,GAAG,EAAE,EACZ,MAAM,GAAG,EAAE;IAGX,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,OAAO;KACR;IAED,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,EAAE,GAAG,MAAM,CAAC,MAAM,CACjE;QACE,KAAK,EAAE,gBAAgB;QACvB,KAAK,EAAE,GAAG;QACV,SAAS,EAAE,SAAS;QACpB,QAAQ,EAAE,SAAS;QACnB,MAAM,EAAE,SAAS;KAClB,EACD,OAAO,CACR,CAAC;IAGF,MAAM,WAAW,GAAG,SAAS,IAAI,KAAK,CAAC;IAEvC,MAAM,KAAK,GAAG,4BAA4B,CAAC;IAC3C,MAAM,WAAW,GAAG,QAAQ,CAAC,aAAa,EAAE,MAAM,EAAE,OAAO,CAAC,CAAC;IAC7D,MAAM,YAAY,GAAG,gBAAgB,CAAC,UAAU,CAAC,WAAW,CAAC,CAAC;IAC9D,MAAM,eAAe,GAAG,MAAM;QAC5B,CAAC,CAAC,sBAAsB,gBAAgB,CAAC,eAAe,CAAC,EAAE,IAAI;QAC/D,CAAC,CAAC,EAAE,CAAC;IAEP,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,KAAK,EAAE,eAAe;QACtB,cAAc,EAAE,WAAW;QAC3B,kBAAkB,EAAE,QAAQ;KAC7B,CAAC;IAEF,IAAI,YAAY,EAAE;QAEhB,wBAAwB,CAAC,UAAU,EAAE,YAAY,CAAC,CAAC;QAEnD,gBAAgB,CAAC,cAAc,CAAC,WAAW,CAAC,CAAC;KAC9C;SAAM;QACL,MAAM,OAAO,GAAG,QAAQ,CAAC,eAAe,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;QAExD,IAAI,MAAM,KAAK,EAAE,EAAE;YACjB,OAAO,CAAC,YAAY,CAAC,SAAS,EAAE,MAAM,CAAC,CAAC;SACzC;QAED,uBAAuB,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC;QAE7C,gBAAgB,CAAC,UAAU,CAAC,OAAO,EAAE,WAAW,CAAC,CAAC;KACnD;AACH,CAAC"}

package/dist/esm/drawingSvg/drawPath.js

@@ -0,0 +1,49 @@
+import _getHash from './_getHash';
+import setNewAttributesIfValid from './setNewAttributesIfValid';
+import setAttributesIfNecessary from './setAttributesIfNecessary';
+export default function drawPath(svgDrawingHelper, annotationUID, pathUID, points, options) {
+    const hasSubArrays = points.length && points[0].length && Array.isArray(points[0][0]);
+    const pointsArrays = hasSubArrays ? points : [points];
+    const { color = 'rgb(0, 255, 0)', width = 10, fillColor = 'none', fillOpacity = 0, lineWidth, lineDash, closePath = false, } = options;
+    const strokeWidth = lineWidth || width;
+    const svgns = 'http://www.w3.org/2000/svg';
+    const svgNodeHash = _getHash(annotationUID, 'path', pathUID);
+    const existingNode = svgDrawingHelper.getSvgNode(svgNodeHash);
+    let pointsAttribute = '';
+    for (let i = 0, numArrays = pointsArrays.length; i < numArrays; i++) {
+        const points = pointsArrays[i];
+        const numPoints = points.length;
+        if (numPoints < 2) {
+            continue;
+        }
+        for (let j = 0; j < numPoints; j++) {
+            const point = points[j];
+            const cmd = j ? 'L' : 'M';
+            pointsAttribute += `${cmd} ${point[0].toFixed(1)}, ${point[1].toFixed(1)} `;
+        }
+        if (closePath) {
+            pointsAttribute += 'Z ';
+        }
+    }
+    if (!pointsAttribute) {
+        return;
+    }
+    const attributes = {
+        d: pointsAttribute,
+        stroke: color,
+        fill: fillColor,
+        'fill-opacity': fillOpacity,
+        'stroke-width': strokeWidth,
+        'stroke-dasharray': lineDash,
+    };
+    if (existingNode) {
+        setAttributesIfNecessary(attributes, existingNode);
+        svgDrawingHelper.setNodeTouched(svgNodeHash);
+    }
+    else {
+        const newNode = document.createElementNS(svgns, 'path');
+        setNewAttributesIfValid(attributes, newNode);
+        svgDrawingHelper.appendNode(newNode, svgNodeHash);
+    }
+}
+//# sourceMappingURL=drawPath.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"drawPath.js","sourceRoot":"","sources":["../../../src/drawingSvg/drawPath.ts"],"names":[],"mappings":"AACA,OAAO,QAAQ,MAAM,YAAY,CAAC;AAClC,OAAO,uBAAuB,MAAM,2BAA2B,CAAC;AAChE,OAAO,wBAAwB,MAAM,4BAA4B,CAAC;AASlE,MAAM,CAAC,OAAO,UAAU,QAAQ,CAC9B,gBAAkC,EAClC,aAAqB,EACrB,OAAe,EACf,MAAyC,EACzC,OAQC;IAID,MAAM,YAAY,GAChB,MAAM,CAAC,MAAM,IAAI,MAAM,CAAC,CAAC,CAAC,CAAC,MAAM,IAAI,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAEnE,MAAM,YAAY,GAAG,YAAY,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC;IACtD,MAAM,EACJ,KAAK,GAAG,gBAAgB,EACxB,KAAK,GAAG,EAAE,EACV,SAAS,GAAG,MAAM,EAClB,WAAW,GAAG,CAAC,EACf,SAAS,EACT,QAAQ,EACR,SAAS,GAAG,KAAK,GAClB,GAAG,OAAO,CAAC;IAGZ,MAAM,WAAW,GAAG,SAAS,IAAI,KAAK,CAAC;IAEvC,MAAM,KAAK,GAAG,4BAA4B,CAAC;IAC3C,MAAM,WAAW,GAAG,QAAQ,CAAC,aAAa,EAAE,MAAM,EAAE,OAAO,CAAC,CAAC;IAC7D,MAAM,YAAY,GAAG,gBAAgB,CAAC,UAAU,CAAC,WAAW,CAAC,CAAC;IAC9D,IAAI,eAAe,GAAG,EAAE,CAAC;IAEzB,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,SAAS,GAAG,YAAY,CAAC,MAAM,EAAE,CAAC,GAAG,SAAS,EAAE,CAAC,EAAE,EAAE;QACnE,MAAM,MAAM,GAAG,YAAY,CAAC,CAAC,CAAC,CAAC;QAC/B,MAAM,SAAS,GAAG,MAAM,CAAC,MAAM,CAAC;QAEhC,IAAI,SAAS,GAAG,CAAC,EAAE;YACjB,SAAS;SACV;QAED,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,SAAS,EAAE,CAAC,EAAE,EAAE;YAClC,MAAM,KAAK,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC;YACxB,MAAM,GAAG,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC;YAE1B,eAAe,IAAI,GAAG,GAAG,IAAI,KAAK,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,OAAO,CACnE,CAAC,CACF,GAAG,CAAC;SACN;QAED,IAAI,SAAS,EAAE;YACb,eAAe,IAAI,IAAI,CAAC;SACzB;KACF;IAED,IAAI,CAAC,eAAe,EAAE;QACpB,OAAO;KACR;IAED,MAAM,UAAU,GAAG;QACjB,CAAC,EAAE,eAAe;QAClB,MAAM,EAAE,KAAK;QACb,IAAI,EAAE,SAAS;QACf,cAAc,EAAE,WAAW;QAC3B,cAAc,EAAE,WAAW;QAC3B,kBAAkB,EAAE,QAAQ;KAC7B,CAAC;IAEF,IAAI,YAAY,EAAE;QAEhB,wBAAwB,CAAC,UAAU,EAAE,YAAY,CAAC,CAAC;QAEnD,gBAAgB,CAAC,cAAc,CAAC,WAAW,CAAC,CAAC;KAC9C;SAAM;QACL,MAAM,OAAO,GAAG,QAAQ,CAAC,eAAe,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;QAExD,uBAAuB,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC;QAC7C,gBAAgB,CAAC,UAAU,CAAC,OAAO,EAAE,WAAW,CAAC,CAAC;KACnD;AACH,CAAC"}

package/dist/esm/drawingSvg/drawPolyline.js

@@ -5,29 +5,24 @@ export default function drawPolyline(svgDrawingHelper, annotationUID, polylineUI
     if (points.length < 2) {
         return;
     }
-    const { color, width, lineWidth, lineDash } = Object.assign({
-        color: 'dodgerblue',
-        width: '2',
-        lineWidth: undefined,
-        lineDash: undefined,
-        connectLastToFirst: false,
-    }, options);
+    const { color = 'rgb(0, 255, 0)', width = 10, fillColor = 'none', fillOpacity = 0, lineWidth, lineDash, closePath = false, } = options;
     const strokeWidth = lineWidth || width;
     const svgns = 'http://www.w3.org/2000/svg';
     const svgNodeHash = _getHash(annotationUID, 'polyline', polylineUID);
     const existingPolyLine = svgDrawingHelper.getSvgNode(svgNodeHash);
     let pointsAttribute = '';
     for (const point of points) {
-        pointsAttribute += `${point[0]}, ${point[1]} `;
+        pointsAttribute += `${point[0].toFixed(1)}, ${point[1].toFixed(1)} `;
     }
-    if (options.connectLastToFirst) {
+    if (closePath) {
         const firstPoint = points[0];
         pointsAttribute += `${firstPoint[0]}, ${firstPoint[1]}`;
     }
     const attributes = {
         points: pointsAttribute,
         stroke: color,
-        fill: 'none',
+        fill: fillColor,
+        'fill-opacity': fillOpacity,
         'stroke-width': strokeWidth,
         'stroke-dasharray': lineDash,
     };

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

@@ -1 +1 @@
-{"version":3,"file":"drawPolyline.js","sourceRoot":"","sources":["../../../src/drawingSvg/drawPolyline.ts"],"names":[],"mappings":"AACA,OAAO,QAAQ,MAAM,YAAY,CAAC;AAClC,OAAO,uBAAuB,MAAM,2BAA2B,CAAC;AAChE,OAAO,wBAAwB,MAAM,4BAA4B,CAAC;AASlE,MAAM,CAAC,OAAO,UAAU,YAAY,CAClC,gBAAkC,EAClC,aAAqB,EACrB,WAAmB,EACnB,MAAsB,EACtB,OAMC;IAED,IAAI,MAAM,CAAC,MAAM,GAAG,CAAC,EAAE;QACrB,OAAO;KACR;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;QACnB,kBAAkB,EAAE,KAAK;KAC1B,EACD,OAAO,CACR,CAAC;IAGF,MAAM,WAAW,GAAG,SAAS,IAAI,KAAK,CAAC;IAEvC,MAAM,KAAK,GAAG,4BAA4B,CAAC;IAC3C,MAAM,WAAW,GAAG,QAAQ,CAAC,aAAa,EAAE,UAAU,EAAE,WAAW,CAAC,CAAC;IACrE,MAAM,gBAAgB,GAAG,gBAAgB,CAAC,UAAU,CAAC,WAAW,CAAC,CAAC;IAElE,IAAI,eAAe,GAAG,EAAE,CAAC;IAEzB,KAAK,MAAM,KAAK,IAAI,MAAM,EAAE;QAC1B,eAAe,IAAI,GAAG,KAAK,CAAC,CAAC,CAAC,KAAK,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC;KAChD;IAED,IAAI,OAAO,CAAC,kBAAkB,EAAE;QAC9B,MAAM,UAAU,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC;QAE7B,eAAe,IAAI,GAAG,UAAU,CAAC,CAAC,CAAC,KAAK,UAAU,CAAC,CAAC,CAAC,EAAE,CAAC;KACzD;IAED,MAAM,UAAU,GAAG;QACjB,MAAM,EAAE,eAAe;QACvB,MAAM,EAAE,KAAK;QACb,IAAI,EAAE,MAAM;QACZ,cAAc,EAAE,WAAW;QAC3B,kBAAkB,EAAE,QAAQ;KAC7B,CAAC;IAEF,IAAI,gBAAgB,EAAE;QAEpB,wBAAwB,CAAC,UAAU,EAAE,gBAAgB,CAAC,CAAC;QAEvD,gBAAgB,CAAC,cAAc,CAAC,WAAW,CAAC,CAAC;KAC9C;SAAM;QACL,MAAM,WAAW,GAAG,QAAQ,CAAC,eAAe,CAAC,KAAK,EAAE,UAAU,CAAC,CAAC;QAEhE,uBAAuB,CAAC,UAAU,EAAE,WAAW,CAAC,CAAC;QAEjD,gBAAgB,CAAC,UAAU,CAAC,WAAW,EAAE,WAAW,CAAC,CAAC;KACvD;AACH,CAAC"}
+{"version":3,"file":"drawPolyline.js","sourceRoot":"","sources":["../../../src/drawingSvg/drawPolyline.ts"],"names":[],"mappings":"AACA,OAAO,QAAQ,MAAM,YAAY,CAAC;AAClC,OAAO,uBAAuB,MAAM,2BAA2B,CAAC;AAChE,OAAO,wBAAwB,MAAM,4BAA4B,CAAC;AASlE,MAAM,CAAC,OAAO,UAAU,YAAY,CAClC,gBAAkC,EAClC,aAAqB,EACrB,WAAmB,EACnB,MAAsB,EACtB,OAQC;IAED,IAAI,MAAM,CAAC,MAAM,GAAG,CAAC,EAAE;QACrB,OAAO;KACR;IAED,MAAM,EACJ,KAAK,GAAG,gBAAgB,EACxB,KAAK,GAAG,EAAE,EACV,SAAS,GAAG,MAAM,EAClB,WAAW,GAAG,CAAC,EACf,SAAS,EACT,QAAQ,EACR,SAAS,GAAG,KAAK,GAClB,GAAG,OAAO,CAAC;IAGZ,MAAM,WAAW,GAAG,SAAS,IAAI,KAAK,CAAC;IAEvC,MAAM,KAAK,GAAG,4BAA4B,CAAC;IAC3C,MAAM,WAAW,GAAG,QAAQ,CAAC,aAAa,EAAE,UAAU,EAAE,WAAW,CAAC,CAAC;IACrE,MAAM,gBAAgB,GAAG,gBAAgB,CAAC,UAAU,CAAC,WAAW,CAAC,CAAC;IAElE,IAAI,eAAe,GAAG,EAAE,CAAC;IAEzB,KAAK,MAAM,KAAK,IAAI,MAAM,EAAE;QAC1B,eAAe,IAAI,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC;KACtE;IAED,IAAI,SAAS,EAAE;QACb,MAAM,UAAU,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC;QAE7B,eAAe,IAAI,GAAG,UAAU,CAAC,CAAC,CAAC,KAAK,UAAU,CAAC,CAAC,CAAC,EAAE,CAAC;KACzD;IAED,MAAM,UAAU,GAAG;QACjB,MAAM,EAAE,eAAe;QACvB,MAAM,EAAE,KAAK;QACb,IAAI,EAAE,SAAS;QACf,cAAc,EAAE,WAAW;QAC3B,cAAc,EAAE,WAAW;QAC3B,kBAAkB,EAAE,QAAQ;KAC7B,CAAC;IAEF,IAAI,gBAAgB,EAAE;QAEpB,wBAAwB,CAAC,UAAU,EAAE,gBAAgB,CAAC,CAAC;QAEvD,gBAAgB,CAAC,cAAc,CAAC,WAAW,CAAC,CAAC;KAC9C;SAAM;QACL,MAAM,WAAW,GAAG,QAAQ,CAAC,eAAe,CAAC,KAAK,EAAE,UAAU,CAAC,CAAC;QAEhE,uBAAuB,CAAC,UAAU,EAAE,WAAW,CAAC,CAAC;QAEjD,gBAAgB,CAAC,UAAU,CAAC,WAAW,EAAE,WAAW,CAAC,CAAC;KACvD;AACH,CAAC"}

package/dist/esm/drawingSvg/drawRect.js

@@ -1,41 +1,9 @@
-import _getHash from './_getHash';
-import setAttributesIfNecessary from './setAttributesIfNecessary';
-import setNewAttributesIfValid from './setNewAttributesIfValid';
+import drawRectByCoordinates from './drawRectByCoordinates';
 export default function drawRect(svgDrawingHelper, annotationUID, rectangleUID, start, end, options = {}, dataId = '') {
-    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(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');
-        if (dataId !== '') {
-            svgRectElement.setAttribute('data-id', dataId);
-        }
-        setNewAttributesIfValid(attributes, svgRectElement);
-        svgDrawingHelper.appendNode(svgRectElement, svgNodeHash);
-    }
+    const topLeft = [start[0], start[1]];
+    const topRight = [end[0], start[1]];
+    const bottomLeft = [start[0], end[1]];
+    const bottomRight = [end[0], end[1]];
+    drawRectByCoordinates(svgDrawingHelper, annotationUID, rectangleUID, [topLeft, topRight, bottomLeft, bottomRight], options, dataId);
 }
 //# sourceMappingURL=drawRect.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"drawRect.js","sourceRoot":"","sources":["../../../src/drawingSvg/drawRect.ts"],"names":[],"mappings":"AAEA,OAAO,QAAQ,MAAM,YAAY,CAAC;AAClC,OAAO,wBAAwB,MAAM,4BAA4B,CAAC;AAClE,OAAO,uBAAuB,MAAM,2BAA2B,CAAC;AAIhE,MAAM,CAAC,OAAO,UAAU,QAAQ,CAC9B,gBAAkC,EAClC,aAAqB,EACrB,YAAoB,EACpB,KAAmB,EACnB,GAAiB,EACjB,OAAO,GAAG,EAAE,EACZ,MAAM,GAAG,EAAE;IAEX,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,CAAC;IAGF,MAAM,WAAW,GAAG,SAAS,IAAI,MAAM,CAAC;IAExC,MAAM,KAAK,GAAG,4BAA4B,CAAC;IAC3C,MAAM,WAAW,GAAG,QAAQ,CAAC,aAAa,EAAE,MAAM,EAAE,YAAY,CAAC,CAAC;IAClE,MAAM,YAAY,GAAG,gBAAgB,CAAC,UAAU,CAAC,WAAW,CAAC,CAAC;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,CAAC;IACtE,MAAM,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;IAC1C,MAAM,MAAM,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;IAE3C,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,CAAC;IAEF,IAAI,YAAY,EAAE;QAChB,wBAAwB,CAAC,UAAU,EAAE,YAAY,CAAC,CAAC;QAEnD,gBAAgB,CAAC,cAAc,CAAC,WAAW,CAAC,CAAC;KAC9C;SAAM;QACL,MAAM,cAAc,GAAG,QAAQ,CAAC,eAAe,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;QAE/D,IAAI,MAAM,KAAK,EAAE,EAAE;YACjB,cAAc,CAAC,YAAY,CAAC,SAAS,EAAE,MAAM,CAAC,CAAC;SAChD;QAED,uBAAuB,CAAC,UAAU,EAAE,cAAc,CAAC,CAAC;QAEpD,gBAAgB,CAAC,UAAU,CAAC,cAAc,EAAE,WAAW,CAAC,CAAC;KAC1D;AACH,CAAC"}
+{"version":3,"file":"drawRect.js","sourceRoot":"","sources":["../../../src/drawingSvg/drawRect.ts"],"names":[],"mappings":"AAIA,OAAO,qBAAqB,MAAM,yBAAyB,CAAC;AAI5D,MAAM,CAAC,OAAO,UAAU,QAAQ,CAC9B,gBAAkC,EAClC,aAAqB,EACrB,YAAoB,EACpB,KAAmB,EACnB,GAAiB,EACjB,OAAO,GAAG,EAAE,EACZ,MAAM,GAAG,EAAE;IAEX,MAAM,OAAO,GAAiB,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;IACnD,MAAM,QAAQ,GAAiB,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;IAClD,MAAM,UAAU,GAAiB,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;IACpD,MAAM,WAAW,GAAiB,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;IAEnD,qBAAqB,CACnB,gBAAgB,EAChB,aAAa,EACb,YAAY,EACZ,CAAC,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,WAAW,CAAC,EAC5C,OAAO,EACP,MAAM,CACP,CAAC;AACJ,CAAC"}

package/dist/esm/drawingSvg/drawRectByCoordinates.js

@@ -0,0 +1,53 @@
+import _getHash from './_getHash';
+import setAttributesIfNecessary from './setAttributesIfNecessary';
+import setNewAttributesIfValid from './setNewAttributesIfValid';
+export default function drawRectByCoordinates(svgDrawingHelper, annotationUID, rectangleUID, canvasCoordinates, options = {}, dataId = '') {
+    const { color, width: _width, lineWidth, lineDash, } = Object.assign({
+        color: 'rgb(0, 255, 0)',
+        width: '2',
+        lineWidth: undefined,
+        lineDash: undefined,
+    }, options);
+    const strokeWidth = lineWidth || _width;
+    const svgns = 'http://www.w3.org/2000/svg';
+    const svgNodeHash = _getHash(annotationUID, 'rect', rectangleUID);
+    const existingRect = svgDrawingHelper.getSvgNode(svgNodeHash);
+    const [topLeft, topRight, bottomLeft, bottomRight] = canvasCoordinates;
+    const width = Math.hypot(topLeft[0] - topRight[0], topLeft[1] - topRight[1]);
+    const height = Math.hypot(topLeft[0] - bottomLeft[0], topLeft[1] - bottomLeft[1]);
+    const center = [
+        (bottomRight[0] + topLeft[0]) / 2,
+        (bottomRight[1] + topLeft[1]) / 2,
+    ];
+    const leftEdgeCenter = [
+        (bottomLeft[0] + topLeft[0]) / 2,
+        (bottomLeft[1] + topLeft[1]) / 2,
+    ];
+    const angle = (Math.atan2(center[1] - leftEdgeCenter[1], center[0] - leftEdgeCenter[0]) *
+        180) /
+        Math.PI;
+    const attributes = {
+        x: `${center[0] - width / 2}`,
+        y: `${center[1] - height / 2}`,
+        width: `${width}`,
+        height: `${height}`,
+        stroke: color,
+        fill: 'transparent',
+        transform: `rotate(${angle} ${center[0]} ${center[1]})`,
+        'stroke-width': strokeWidth,
+        'stroke-dasharray': lineDash,
+    };
+    if (existingRect) {
+        setAttributesIfNecessary(attributes, existingRect);
+        svgDrawingHelper.setNodeTouched(svgNodeHash);
+    }
+    else {
+        const svgRectElement = document.createElementNS(svgns, 'rect');
+        if (dataId !== '') {
+            svgRectElement.setAttribute('data-id', dataId);
+        }
+        setNewAttributesIfValid(attributes, svgRectElement);
+        svgDrawingHelper.appendNode(svgRectElement, svgNodeHash);
+    }
+}
+//# sourceMappingURL=drawRectByCoordinates.js.map

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

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

package/dist/esm/drawingSvg/drawRedactionRect.js

@@ -0,0 +1,38 @@
+import _getHash from './_getHash';
+import _setAttributesIfNecessary from './setAttributesIfNecessary';
+import _setNewAttributesIfValid from './setNewAttributesIfValid';
+export default function drawRedactionRect(svgDrawingHelper, annotationUID, rectangleUID, start, end, options = {}) {
+    const { color, width: _width, lineWidth, lineDash, } = Object.assign({
+        color: 'rgb(0, 255, 0)',
+        width: '2',
+        lineWidth: undefined,
+        lineDash: undefined,
+    }, options);
+    const strokeWidth = lineWidth || _width;
+    const svgns = 'http://www.w3.org/2000/svg';
+    const svgNodeHash = _getHash(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: 'black',
+        '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=drawRedactionRect.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"drawRedactionRect.js","sourceRoot":"","sources":["../../../src/drawingSvg/drawRedactionRect.ts"],"names":[],"mappings":"AAAA,OAAO,QAAQ,MAAM,YAAY,CAAC;AAClC,OAAO,yBAAyB,MAAM,4BAA4B,CAAC;AACnE,OAAO,wBAAwB,MAAM,2BAA2B,CAAC;AAGjE,MAAM,CAAC,OAAO,UAAU,iBAAiB,CACvC,gBAAqB,EACrB,aAAqB,EACrB,YAAoB,EACpB,KAAU,EACV,GAAQ,EACR,OAAO,GAAG,EAAE;IAEZ,MAAM,EACJ,KAAK,EACL,KAAK,EAAE,MAAM,EACb,SAAS,EACT,QAAQ,GACT,GAAG,MAAM,CAAC,MAAM,CACf;QACE,KAAK,EAAE,gBAAgB;QACvB,KAAK,EAAE,GAAG;QACV,SAAS,EAAE,SAAS;QACpB,QAAQ,EAAE,SAAS;KACpB,EACD,OAAO,CACR,CAAC;IAGF,MAAM,WAAW,GAAG,SAAS,IAAI,MAAM,CAAC;IAExC,MAAM,KAAK,GAAG,4BAA4B,CAAC;IAC3C,MAAM,WAAW,GAAG,QAAQ,CAAC,aAAa,EAAE,MAAM,EAAE,YAAY,CAAC,CAAC;IAClE,MAAM,YAAY,GAAG,gBAAgB,CAAC,UAAU,CAAC,WAAW,CAAC,CAAC;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,CAAC;IACtE,MAAM,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;IAC1C,MAAM,MAAM,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;IAE3C,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,OAAO;QACb,cAAc,EAAE,WAAW;QAC3B,kBAAkB,EAAE,QAAQ;KAC7B,CAAC;IAEF,IAAI,YAAY,EAAE;QAChB,yBAAyB,CAAC,UAAU,EAAE,YAAY,CAAC,CAAC;QAEpD,gBAAgB,CAAC,cAAc,CAAC,WAAW,CAAC,CAAC;KAC9C;SAAM;QACL,MAAM,cAAc,GAAG,QAAQ,CAAC,eAAe,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;QAE/D,wBAAwB,CAAC,UAAU,EAAE,cAAc,CAAC,CAAC;QAErD,gBAAgB,CAAC,UAAU,CAAC,cAAc,EAAE,WAAW,CAAC,CAAC;KAC1D;AACH,CAAC"}

package/dist/esm/drawingSvg/index.js

@@ -1,14 +1,19 @@
 import draw from './draw';
 import drawCircle from './drawCircle';
 import drawEllipse from './drawEllipse';
+import drawEllipseByCoordinates from './drawEllipseByCoordinates';
 import drawHandles from './drawHandles';
+import drawHandle from './drawHandle';
 import drawLine from './drawLine';
 import drawPolyline from './drawPolyline';
+import drawPath from './drawPath';
 import drawLinkedTextBox from './drawLinkedTextBox';
 import drawRect from './drawRect';
+import drawRectByCoordinates from './drawRectByCoordinates';
 import drawTextBox from './drawTextBox';
 import drawArrow from './drawArrow';
+import drawRedactionRect from './drawRedactionRect';
 import setAttributesIfNecessary from './setAttributesIfNecessary';
 import setNewAttributesIfValid from './setNewAttributesIfValid';
-export { draw, drawCircle, drawEllipse, drawHandles, drawLine, drawPolyline, drawLinkedTextBox, drawRect, drawTextBox, drawArrow, setAttributesIfNecessary, setNewAttributesIfValid, };
+export { draw, drawCircle, drawEllipse, drawEllipseByCoordinates, drawHandles, drawHandle, drawLine, drawPolyline, drawPath, drawLinkedTextBox, drawRect, drawRectByCoordinates, drawTextBox, drawArrow, drawRedactionRect, setAttributesIfNecessary, setNewAttributesIfValid, };
 //# sourceMappingURL=index.js.map