vue-visual-kit 1.0.118 → 1.0.119
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm/index.esm.js +2 -0
- package/esm/index.esm.js.map +1 -0
- package/package.json +30 -6
- package/patches/@cornerstonejs+core+3.19.3.patch +122 -122
- package/patches/@cornerstonejs+tools+3.15.3.patch +166 -166
- package/lib/demo.html +0 -1
- package/lib/vue-visual-kit.common.js +0 -29076
- package/lib/vue-visual-kit.common.js.map +0 -1
- package/lib/vue-visual-kit.css +0 -1
- package/lib/vue-visual-kit.umd.js +0 -29127
- package/lib/vue-visual-kit.umd.js.map +0 -1
- package/lib/vue-visual-kit.umd.min.js +0 -2
- package/lib/vue-visual-kit.umd.min.js.map +0 -1
|
@@ -1,166 +1,166 @@
|
|
|
1
|
-
diff --git a/node_modules/@cornerstonejs/tools/dist/esm/drawingSvg/drawHandle.js b/node_modules/@cornerstonejs/tools/dist/esm/drawingSvg/drawHandle.js
|
|
2
|
-
index e4bfd9b..46105be 100644
|
|
3
|
-
--- a/node_modules/@cornerstonejs/tools/dist/esm/drawingSvg/drawHandle.js
|
|
4
|
-
+++ b/node_modules/@cornerstonejs/tools/dist/esm/drawingSvg/drawHandle.js
|
|
5
|
-
@@ -2,6 +2,7 @@ import _getHash from './_getHash';
|
|
6
|
-
import setNewAttributesIfValid from './setNewAttributesIfValid';
|
|
7
|
-
import setAttributesIfNecessary from './setAttributesIfNecessary';
|
|
8
|
-
function drawHandle(svgDrawingHelper, annotationUID, handleGroupUID, handle, options = {}, uniqueIndex) {
|
|
9
|
-
+ if(!handle) return
|
|
10
|
-
const { color, handleRadius, width, lineWidth, fill, type, opacity } = Object.assign({
|
|
11
|
-
color: 'rgb(0, 255, 0)',
|
|
12
|
-
handleRadius: '6',
|
|
13
|
-
diff --git a/node_modules/@cornerstonejs/tools/dist/esm/tools/CrosshairsTool.js b/node_modules/@cornerstonejs/tools/dist/esm/tools/CrosshairsTool.js
|
|
14
|
-
index e0e5d55..a855569 100644
|
|
15
|
-
--- a/node_modules/@cornerstonejs/tools/dist/esm/tools/CrosshairsTool.js
|
|
16
|
-
+++ b/node_modules/@cornerstonejs/tools/dist/esm/tools/CrosshairsTool.js
|
|
17
|
-
@@ -37,6 +37,7 @@ class CrosshairsTool extends AnnotationTool {
|
|
18
|
-
constructor(toolProps = {}, defaultToolProps = {
|
|
19
|
-
supportedInteractionTypes: ['Mouse'],
|
|
20
|
-
configuration: {
|
|
21
|
-
+ rotatable: false,
|
|
22
|
-
shadow: true,
|
|
23
|
-
viewportIndicators: false,
|
|
24
|
-
viewportIndicatorsConfig: {
|
|
25
|
-
@@ -167,6 +168,9 @@ class CrosshairsTool extends AnnotationTool {
|
|
26
|
-
};
|
|
27
|
-
this.addNewAnnotation = (evt) => {
|
|
28
|
-
const eventDetail = evt.detail;
|
|
29
|
-
+ if(this.dragPointListener) {
|
|
30
|
-
+ this.dragPointListener.callBack(eventDetail.currentPoints)
|
|
31
|
-
+ }
|
|
32
|
-
const { element } = eventDetail;
|
|
33
|
-
const { currentPoints } = eventDetail;
|
|
34
|
-
const jumpWorld = currentPoints.world;
|
|
35
|
-
@@ -277,6 +281,10 @@ class CrosshairsTool extends AnnotationTool {
|
|
36
|
-
const viewportIdsToRender = getViewportIdsWithToolToRender(element, this.getToolName(), requireSameOrientation);
|
|
37
|
-
triggerAnnotationRenderForViewportIds(viewportIdsToRender);
|
|
38
|
-
};
|
|
39
|
-
+ this.dragPointListener = null;
|
|
40
|
-
+ this.setOnDragPointListener = (dragPointListener) => {
|
|
41
|
-
+ this.dragPointListener = dragPointListener;
|
|
42
|
-
+ };
|
|
43
|
-
this.onResetCamera = (evt) => {
|
|
44
|
-
this.resetCrosshairs();
|
|
45
|
-
};
|
|
46
|
-
@@ -575,12 +583,14 @@ class CrosshairsTool extends AnnotationTool {
|
|
47
|
-
viewportDraggableRotatable &&
|
|
48
|
-
viewportSlabThicknessControlsOn) {
|
|
49
|
-
let handleUID = `${lineIndex}One`;
|
|
50
|
-
- drawHandlesSvg(svgDrawingHelper, annotationUID, handleUID, rotationHandles, {
|
|
51
|
-
- color,
|
|
52
|
-
- handleRadius,
|
|
53
|
-
- opacity,
|
|
54
|
-
- type: 'circle',
|
|
55
|
-
- });
|
|
56
|
-
+ if(this.configuration.rotatable) {
|
|
57
|
-
+ drawHandlesSvg(svgDrawingHelper, annotationUID, handleUID, rotationHandles, {
|
|
58
|
-
+ color,
|
|
59
|
-
+ handleRadius,
|
|
60
|
-
+ opacity,
|
|
61
|
-
+ type: 'circle',
|
|
62
|
-
+ });
|
|
63
|
-
+ }
|
|
64
|
-
handleUID = `${lineIndex}Two`;
|
|
65
|
-
drawHandlesSvg(svgDrawingHelper, annotationUID, handleUID, slabThicknessHandles, {
|
|
66
|
-
color,
|
|
67
|
-
@@ -594,12 +604,14 @@ class CrosshairsTool extends AnnotationTool {
|
|
68
|
-
!slabThicknessHandlesActive &&
|
|
69
|
-
viewportDraggableRotatable) {
|
|
70
|
-
const handleUID = `${lineIndex}`;
|
|
71
|
-
- drawHandlesSvg(svgDrawingHelper, annotationUID, handleUID, rotationHandles, {
|
|
72
|
-
- color,
|
|
73
|
-
- handleRadius,
|
|
74
|
-
- opacity,
|
|
75
|
-
- type: 'circle',
|
|
76
|
-
- });
|
|
77
|
-
+ if(this.configuration.rotatable) {
|
|
78
|
-
+ drawHandlesSvg(svgDrawingHelper, annotationUID, handleUID, rotationHandles, {
|
|
79
|
-
+ color,
|
|
80
|
-
+ handleRadius,
|
|
81
|
-
+ opacity,
|
|
82
|
-
+ type: 'circle',
|
|
83
|
-
+ });
|
|
84
|
-
+ }
|
|
85
|
-
}
|
|
86
|
-
else if (selectedViewportId &&
|
|
87
|
-
!rotHandlesActive &&
|
|
88
|
-
@@ -619,12 +631,14 @@ class CrosshairsTool extends AnnotationTool {
|
|
89
|
-
(this.configuration.enableHDPIHandles
|
|
90
|
-
? window.devicePixelRatio
|
|
91
|
-
: 1);
|
|
92
|
-
- drawHandlesSvg(svgDrawingHelper, annotationUID, handleUID, rotationHandles, {
|
|
93
|
-
- color,
|
|
94
|
-
- handleRadius,
|
|
95
|
-
- fill: color,
|
|
96
|
-
- type: 'circle',
|
|
97
|
-
- });
|
|
98
|
-
+ if(this.configuration.rotatable) {
|
|
99
|
-
+ drawHandlesSvg(svgDrawingHelper, annotationUID, handleUID, rotationHandles, {
|
|
100
|
-
+ color,
|
|
101
|
-
+ handleRadius,
|
|
102
|
-
+ fill: color,
|
|
103
|
-
+ type: 'circle',
|
|
104
|
-
+ });
|
|
105
|
-
+ }
|
|
106
|
-
}
|
|
107
|
-
else if (slabThicknessHandlesActive &&
|
|
108
|
-
selectedViewportId &&
|
|
109
|
-
@@ -973,6 +987,9 @@ class CrosshairsTool extends AnnotationTool {
|
|
110
|
-
angle *= -1;
|
|
111
|
-
}
|
|
112
|
-
angle = Math.round(angle * 100) / 100;
|
|
113
|
-
+ if(!this.configuration.rotatable) {
|
|
114
|
-
+ angle = 0
|
|
115
|
-
+ }
|
|
116
|
-
const rotationAxis = viewport.getCamera().viewPlaneNormal;
|
|
117
|
-
const { matrix } = vtkMatrixBuilder
|
|
118
|
-
.buildFromRadian()
|
|
119
|
-
diff --git a/node_modules/@cornerstonejs/tools/dist/esm/tools/annotation/RectangleROITool.js b/node_modules/@cornerstonejs/tools/dist/esm/tools/annotation/RectangleROITool.js
|
|
120
|
-
index 72bc092..c632047 100644
|
|
121
|
-
--- a/node_modules/@cornerstonejs/tools/dist/esm/tools/annotation/RectangleROITool.js
|
|
122
|
-
+++ b/node_modules/@cornerstonejs/tools/dist/esm/tools/annotation/RectangleROITool.js
|
|
123
|
-
@@ -24,6 +24,7 @@ class RectangleROITool extends AnnotationTool {
|
|
124
|
-
constructor(toolProps = {}, defaultToolProps = {
|
|
125
|
-
supportedInteractionTypes: ['Mouse', 'Touch'],
|
|
126
|
-
configuration: {
|
|
127
|
-
+ textBoxVisibility: true,
|
|
128
|
-
storePointData: false,
|
|
129
|
-
shadow: true,
|
|
130
|
-
preventHandleOutsideImage: false,
|
|
131
|
-
@@ -394,18 +395,24 @@ class RectangleROITool extends AnnotationTool {
|
|
132
|
-
}, dataId);
|
|
133
|
-
renderStatus = true;
|
|
134
|
-
const options = this.getLinkedTextBoxStyle(styleSpecifier, annotation);
|
|
135
|
-
- if (!options.visibility) {
|
|
136
|
-
- data.handles.textBox = {
|
|
137
|
-
- hasMoved: false,
|
|
138
|
-
- worldPosition: [0, 0, 0],
|
|
139
|
-
- worldBoundingBox: {
|
|
140
|
-
- topLeft: [0, 0, 0],
|
|
141
|
-
- topRight: [0, 0, 0],
|
|
142
|
-
- bottomLeft: [0, 0, 0],
|
|
143
|
-
- bottomRight: [0, 0, 0],
|
|
144
|
-
- },
|
|
145
|
-
- };
|
|
146
|
-
+ const textBoxGoneTmp = {
|
|
147
|
-
+ hasMoved: false,
|
|
148
|
-
+ worldPosition: [0, 0, 0],
|
|
149
|
-
+ worldBoundingBox: {
|
|
150
|
-
+ topLeft: [0, 0, 0],
|
|
151
|
-
+ topRight: [0, 0, 0],
|
|
152
|
-
+ bottomLeft: [0, 0, 0],
|
|
153
|
-
+ bottomRight: [0, 0, 0],
|
|
154
|
-
+ }
|
|
155
|
-
+ };
|
|
156
|
-
+ if(!this.configuration.textBoxVisibility) {
|
|
157
|
-
+ data.handles.textBox = textBoxGoneTmp;
|
|
158
|
-
continue;
|
|
159
|
-
+ } else {
|
|
160
|
-
+ if (!options.visibility) {
|
|
161
|
-
+ data.handles.textBox = textBoxGoneTmp;
|
|
162
|
-
+ continue;
|
|
163
|
-
+ }
|
|
164
|
-
}
|
|
165
|
-
const textLines = this.configuration.getTextLines(data, targetId);
|
|
166
|
-
if (!textLines || textLines.length === 0) {
|
|
1
|
+
diff --git a/node_modules/@cornerstonejs/tools/dist/esm/drawingSvg/drawHandle.js b/node_modules/@cornerstonejs/tools/dist/esm/drawingSvg/drawHandle.js
|
|
2
|
+
index e4bfd9b..46105be 100644
|
|
3
|
+
--- a/node_modules/@cornerstonejs/tools/dist/esm/drawingSvg/drawHandle.js
|
|
4
|
+
+++ b/node_modules/@cornerstonejs/tools/dist/esm/drawingSvg/drawHandle.js
|
|
5
|
+
@@ -2,6 +2,7 @@ import _getHash from './_getHash';
|
|
6
|
+
import setNewAttributesIfValid from './setNewAttributesIfValid';
|
|
7
|
+
import setAttributesIfNecessary from './setAttributesIfNecessary';
|
|
8
|
+
function drawHandle(svgDrawingHelper, annotationUID, handleGroupUID, handle, options = {}, uniqueIndex) {
|
|
9
|
+
+ if(!handle) return
|
|
10
|
+
const { color, handleRadius, width, lineWidth, fill, type, opacity } = Object.assign({
|
|
11
|
+
color: 'rgb(0, 255, 0)',
|
|
12
|
+
handleRadius: '6',
|
|
13
|
+
diff --git a/node_modules/@cornerstonejs/tools/dist/esm/tools/CrosshairsTool.js b/node_modules/@cornerstonejs/tools/dist/esm/tools/CrosshairsTool.js
|
|
14
|
+
index e0e5d55..a855569 100644
|
|
15
|
+
--- a/node_modules/@cornerstonejs/tools/dist/esm/tools/CrosshairsTool.js
|
|
16
|
+
+++ b/node_modules/@cornerstonejs/tools/dist/esm/tools/CrosshairsTool.js
|
|
17
|
+
@@ -37,6 +37,7 @@ class CrosshairsTool extends AnnotationTool {
|
|
18
|
+
constructor(toolProps = {}, defaultToolProps = {
|
|
19
|
+
supportedInteractionTypes: ['Mouse'],
|
|
20
|
+
configuration: {
|
|
21
|
+
+ rotatable: false,
|
|
22
|
+
shadow: true,
|
|
23
|
+
viewportIndicators: false,
|
|
24
|
+
viewportIndicatorsConfig: {
|
|
25
|
+
@@ -167,6 +168,9 @@ class CrosshairsTool extends AnnotationTool {
|
|
26
|
+
};
|
|
27
|
+
this.addNewAnnotation = (evt) => {
|
|
28
|
+
const eventDetail = evt.detail;
|
|
29
|
+
+ if(this.dragPointListener) {
|
|
30
|
+
+ this.dragPointListener.callBack(eventDetail.currentPoints)
|
|
31
|
+
+ }
|
|
32
|
+
const { element } = eventDetail;
|
|
33
|
+
const { currentPoints } = eventDetail;
|
|
34
|
+
const jumpWorld = currentPoints.world;
|
|
35
|
+
@@ -277,6 +281,10 @@ class CrosshairsTool extends AnnotationTool {
|
|
36
|
+
const viewportIdsToRender = getViewportIdsWithToolToRender(element, this.getToolName(), requireSameOrientation);
|
|
37
|
+
triggerAnnotationRenderForViewportIds(viewportIdsToRender);
|
|
38
|
+
};
|
|
39
|
+
+ this.dragPointListener = null;
|
|
40
|
+
+ this.setOnDragPointListener = (dragPointListener) => {
|
|
41
|
+
+ this.dragPointListener = dragPointListener;
|
|
42
|
+
+ };
|
|
43
|
+
this.onResetCamera = (evt) => {
|
|
44
|
+
this.resetCrosshairs();
|
|
45
|
+
};
|
|
46
|
+
@@ -575,12 +583,14 @@ class CrosshairsTool extends AnnotationTool {
|
|
47
|
+
viewportDraggableRotatable &&
|
|
48
|
+
viewportSlabThicknessControlsOn) {
|
|
49
|
+
let handleUID = `${lineIndex}One`;
|
|
50
|
+
- drawHandlesSvg(svgDrawingHelper, annotationUID, handleUID, rotationHandles, {
|
|
51
|
+
- color,
|
|
52
|
+
- handleRadius,
|
|
53
|
+
- opacity,
|
|
54
|
+
- type: 'circle',
|
|
55
|
+
- });
|
|
56
|
+
+ if(this.configuration.rotatable) {
|
|
57
|
+
+ drawHandlesSvg(svgDrawingHelper, annotationUID, handleUID, rotationHandles, {
|
|
58
|
+
+ color,
|
|
59
|
+
+ handleRadius,
|
|
60
|
+
+ opacity,
|
|
61
|
+
+ type: 'circle',
|
|
62
|
+
+ });
|
|
63
|
+
+ }
|
|
64
|
+
handleUID = `${lineIndex}Two`;
|
|
65
|
+
drawHandlesSvg(svgDrawingHelper, annotationUID, handleUID, slabThicknessHandles, {
|
|
66
|
+
color,
|
|
67
|
+
@@ -594,12 +604,14 @@ class CrosshairsTool extends AnnotationTool {
|
|
68
|
+
!slabThicknessHandlesActive &&
|
|
69
|
+
viewportDraggableRotatable) {
|
|
70
|
+
const handleUID = `${lineIndex}`;
|
|
71
|
+
- drawHandlesSvg(svgDrawingHelper, annotationUID, handleUID, rotationHandles, {
|
|
72
|
+
- color,
|
|
73
|
+
- handleRadius,
|
|
74
|
+
- opacity,
|
|
75
|
+
- type: 'circle',
|
|
76
|
+
- });
|
|
77
|
+
+ if(this.configuration.rotatable) {
|
|
78
|
+
+ drawHandlesSvg(svgDrawingHelper, annotationUID, handleUID, rotationHandles, {
|
|
79
|
+
+ color,
|
|
80
|
+
+ handleRadius,
|
|
81
|
+
+ opacity,
|
|
82
|
+
+ type: 'circle',
|
|
83
|
+
+ });
|
|
84
|
+
+ }
|
|
85
|
+
}
|
|
86
|
+
else if (selectedViewportId &&
|
|
87
|
+
!rotHandlesActive &&
|
|
88
|
+
@@ -619,12 +631,14 @@ class CrosshairsTool extends AnnotationTool {
|
|
89
|
+
(this.configuration.enableHDPIHandles
|
|
90
|
+
? window.devicePixelRatio
|
|
91
|
+
: 1);
|
|
92
|
+
- drawHandlesSvg(svgDrawingHelper, annotationUID, handleUID, rotationHandles, {
|
|
93
|
+
- color,
|
|
94
|
+
- handleRadius,
|
|
95
|
+
- fill: color,
|
|
96
|
+
- type: 'circle',
|
|
97
|
+
- });
|
|
98
|
+
+ if(this.configuration.rotatable) {
|
|
99
|
+
+ drawHandlesSvg(svgDrawingHelper, annotationUID, handleUID, rotationHandles, {
|
|
100
|
+
+ color,
|
|
101
|
+
+ handleRadius,
|
|
102
|
+
+ fill: color,
|
|
103
|
+
+ type: 'circle',
|
|
104
|
+
+ });
|
|
105
|
+
+ }
|
|
106
|
+
}
|
|
107
|
+
else if (slabThicknessHandlesActive &&
|
|
108
|
+
selectedViewportId &&
|
|
109
|
+
@@ -973,6 +987,9 @@ class CrosshairsTool extends AnnotationTool {
|
|
110
|
+
angle *= -1;
|
|
111
|
+
}
|
|
112
|
+
angle = Math.round(angle * 100) / 100;
|
|
113
|
+
+ if(!this.configuration.rotatable) {
|
|
114
|
+
+ angle = 0
|
|
115
|
+
+ }
|
|
116
|
+
const rotationAxis = viewport.getCamera().viewPlaneNormal;
|
|
117
|
+
const { matrix } = vtkMatrixBuilder
|
|
118
|
+
.buildFromRadian()
|
|
119
|
+
diff --git a/node_modules/@cornerstonejs/tools/dist/esm/tools/annotation/RectangleROITool.js b/node_modules/@cornerstonejs/tools/dist/esm/tools/annotation/RectangleROITool.js
|
|
120
|
+
index 72bc092..c632047 100644
|
|
121
|
+
--- a/node_modules/@cornerstonejs/tools/dist/esm/tools/annotation/RectangleROITool.js
|
|
122
|
+
+++ b/node_modules/@cornerstonejs/tools/dist/esm/tools/annotation/RectangleROITool.js
|
|
123
|
+
@@ -24,6 +24,7 @@ class RectangleROITool extends AnnotationTool {
|
|
124
|
+
constructor(toolProps = {}, defaultToolProps = {
|
|
125
|
+
supportedInteractionTypes: ['Mouse', 'Touch'],
|
|
126
|
+
configuration: {
|
|
127
|
+
+ textBoxVisibility: true,
|
|
128
|
+
storePointData: false,
|
|
129
|
+
shadow: true,
|
|
130
|
+
preventHandleOutsideImage: false,
|
|
131
|
+
@@ -394,18 +395,24 @@ class RectangleROITool extends AnnotationTool {
|
|
132
|
+
}, dataId);
|
|
133
|
+
renderStatus = true;
|
|
134
|
+
const options = this.getLinkedTextBoxStyle(styleSpecifier, annotation);
|
|
135
|
+
- if (!options.visibility) {
|
|
136
|
+
- data.handles.textBox = {
|
|
137
|
+
- hasMoved: false,
|
|
138
|
+
- worldPosition: [0, 0, 0],
|
|
139
|
+
- worldBoundingBox: {
|
|
140
|
+
- topLeft: [0, 0, 0],
|
|
141
|
+
- topRight: [0, 0, 0],
|
|
142
|
+
- bottomLeft: [0, 0, 0],
|
|
143
|
+
- bottomRight: [0, 0, 0],
|
|
144
|
+
- },
|
|
145
|
+
- };
|
|
146
|
+
+ const textBoxGoneTmp = {
|
|
147
|
+
+ hasMoved: false,
|
|
148
|
+
+ worldPosition: [0, 0, 0],
|
|
149
|
+
+ worldBoundingBox: {
|
|
150
|
+
+ topLeft: [0, 0, 0],
|
|
151
|
+
+ topRight: [0, 0, 0],
|
|
152
|
+
+ bottomLeft: [0, 0, 0],
|
|
153
|
+
+ bottomRight: [0, 0, 0],
|
|
154
|
+
+ }
|
|
155
|
+
+ };
|
|
156
|
+
+ if(!this.configuration.textBoxVisibility) {
|
|
157
|
+
+ data.handles.textBox = textBoxGoneTmp;
|
|
158
|
+
continue;
|
|
159
|
+
+ } else {
|
|
160
|
+
+ if (!options.visibility) {
|
|
161
|
+
+ data.handles.textBox = textBoxGoneTmp;
|
|
162
|
+
+ continue;
|
|
163
|
+
+ }
|
|
164
|
+
}
|
|
165
|
+
const textLines = this.configuration.getTextLines(data, targetId);
|
|
166
|
+
if (!textLines || textLines.length === 0) {
|
package/lib/demo.html
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
<!doctype html><meta charset="utf-8"><title>vue-visual-kit demo</title><script src="./vue-visual-kit.umd.js"></script><link rel="stylesheet" href="./vue-visual-kit.css"><script>console.log(vue-visual-kit)</script>
|