@cornerstonejs/tools 1.23.4 → 1.24.0

package/dist/cjs/utilities/getVOIMultipliers.d.ts

@@ -0,0 +1,5 @@
+import { Types } from '@cornerstonejs/core';
+declare function getVOIMultipliers(viewport: Types.IStackViewport | Types.IVolumeViewport, volumeId?: string, options?: {
+    fixedPTWindowWidth?: boolean;
+}): [number, number];
+export { getVOIMultipliers as default, getVOIMultipliers };

package/dist/cjs/utilities/getVOIMultipliers.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getVOIMultipliers = exports.default = void 0;
+const core_1 = require("@cornerstonejs/core");
+const viewport_1 = require("./viewport");
+const DEFAULT_MULTIPLIER = 4;
+function getVOIMultipliers(viewport, volumeId, options) {
+    const modality = core_1.utilities.getViewportModality(viewport, volumeId);
+    if (modality === 'PT') {
+        const { clientWidth, clientHeight } = viewport.element;
+        const ptMultiplier = 5 / Math.max(clientWidth, clientHeight);
+        const isPreScaled = (0, viewport_1.isViewportPreScaled)(viewport, volumeId);
+        const { fixedPTWindowWidth = true } = options !== null && options !== void 0 ? options : {};
+        const xMultiplier = fixedPTWindowWidth ? 0 : ptMultiplier;
+        return isPreScaled
+            ? [xMultiplier, ptMultiplier]
+            : [xMultiplier, DEFAULT_MULTIPLIER];
+    }
+    return [DEFAULT_MULTIPLIER, DEFAULT_MULTIPLIER];
+}
+exports.default = getVOIMultipliers;
+exports.getVOIMultipliers = getVOIMultipliers;
+//# sourceMappingURL=getVOIMultipliers.js.map

package/dist/cjs/utilities/getVOIMultipliers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getVOIMultipliers.js","sourceRoot":"","sources":["../../../src/utilities/getVOIMultipliers.ts"],"names":[],"mappings":";;;AAAA,8CAAkE;AAClE,yCAAiD;AAEjD,MAAM,kBAAkB,GAAG,CAAC,CAAC;AAE7B,SAAS,iBAAiB,CACxB,QAAsD,EACtD,QAAiB,EACjB,OAEC;IAED,MAAM,QAAQ,GAAG,gBAAO,CAAC,mBAAmB,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;IAEjE,IAAI,QAAQ,KAAK,IAAI,EAAE;QACrB,MAAM,EAAE,WAAW,EAAE,YAAY,EAAE,GAAG,QAAQ,CAAC,OAAO,CAAC;QACvD,MAAM,YAAY,GAAG,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,WAAW,EAAE,YAAY,CAAC,CAAC;QAC7D,MAAM,WAAW,GAAG,IAAA,8BAAmB,EAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;QAC5D,MAAM,EAAE,kBAAkB,GAAG,IAAI,EAAE,GAAG,OAAO,aAAP,OAAO,cAAP,OAAO,GAAI,EAAE,CAAC;QAIpD,MAAM,WAAW,GAAG,kBAAkB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC;QAE1D,OAAO,WAAW;YAChB,CAAC,CAAC,CAAC,WAAW,EAAE,YAAY,CAAC;YAC7B,CAAC,CAAC,CAAC,WAAW,EAAE,kBAAkB,CAAC,CAAC;KACvC;IAED,OAAO,CAAC,kBAAkB,EAAE,kBAAkB,CAAC,CAAC;AAClD,CAAC;AAE6B,oCAAO;AAAE,8CAAiB"}

package/dist/cjs/utilities/index.d.ts

@@ -27,5 +27,6 @@ import * as viewport from './viewport';
 import * as touch from './touch';
 import * as dynamicVolume from './dynamicVolume';
 import * as polyDataUtils from './polyData/utils';
+import * as voi from './voi';
 import { triggerEvent } from '@cornerstonejs/core';
-export { math, planar, viewportFilters, drawing, debounce, dynamicVolume, throttle, orientation, isObject, touch, triggerEvent, calibrateImageSpacing, segmentation, triggerAnnotationRenderForViewportIds, triggerAnnotationRender, pointInShapeCallback, pointInSurroundingSphereCallback, getAnnotationNearPoint, getAnnotationNearPointOnEnabledElement, jumpToSlice, viewport, cine, clip, boundingBox, rectangleROITool, planarFreehandROITool, stackPrefetch, stackContextPrefetch, scroll, roundNumber, pointToString, polyDataUtils, };
+export { math, planar, viewportFilters, drawing, debounce, dynamicVolume, throttle, orientation, isObject, touch, triggerEvent, calibrateImageSpacing, segmentation, triggerAnnotationRenderForViewportIds, triggerAnnotationRender, pointInShapeCallback, pointInSurroundingSphereCallback, getAnnotationNearPoint, getAnnotationNearPointOnEnabledElement, jumpToSlice, viewport, cine, clip, boundingBox, rectangleROITool, planarFreehandROITool, stackPrefetch, stackContextPrefetch, scroll, roundNumber, pointToString, polyDataUtils, voi, };

package/dist/cjs/utilities/index.js

@@ -26,7 +26,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.polyDataUtils = exports.pointToString = exports.roundNumber = exports.scroll = exports.stackContextPrefetch = exports.stackPrefetch = exports.planarFreehandROITool = exports.rectangleROITool = exports.boundingBox = exports.clip = exports.cine = exports.viewport = exports.jumpToSlice = exports.getAnnotationNearPointOnEnabledElement = exports.getAnnotationNearPoint = exports.pointInSurroundingSphereCallback = exports.pointInShapeCallback = exports.triggerAnnotationRender = exports.triggerAnnotationRenderForViewportIds = exports.segmentation = exports.calibrateImageSpacing = exports.triggerEvent = exports.touch = exports.isObject = exports.orientation = exports.throttle = exports.dynamicVolume = exports.debounce = exports.drawing = exports.viewportFilters = exports.planar = exports.math = void 0;
+exports.voi = exports.polyDataUtils = exports.pointToString = exports.roundNumber = exports.scroll = exports.stackContextPrefetch = exports.stackPrefetch = exports.planarFreehandROITool = exports.rectangleROITool = exports.boundingBox = exports.clip = exports.cine = exports.viewport = exports.jumpToSlice = exports.getAnnotationNearPointOnEnabledElement = exports.getAnnotationNearPoint = exports.pointInSurroundingSphereCallback = exports.pointInShapeCallback = exports.triggerAnnotationRender = exports.triggerAnnotationRenderForViewportIds = exports.segmentation = exports.calibrateImageSpacing = exports.triggerEvent = exports.touch = exports.isObject = exports.orientation = exports.throttle = exports.dynamicVolume = exports.debounce = exports.drawing = exports.viewportFilters = exports.planar = exports.math = void 0;
 const getAnnotationNearPoint_1 = require("./getAnnotationNearPoint");
 Object.defineProperty(exports, "getAnnotationNearPoint", { enumerable: true, get: function () { return getAnnotationNearPoint_1.getAnnotationNearPoint; } });
 Object.defineProperty(exports, "getAnnotationNearPointOnEnabledElement", { enumerable: true, get: function () { return getAnnotationNearPoint_1.getAnnotationNearPointOnEnabledElement; } });
@@ -87,6 +87,8 @@ const dynamicVolume = __importStar(require("./dynamicVolume"));
 exports.dynamicVolume = dynamicVolume;
 const polyDataUtils = __importStar(require("./polyData/utils"));
 exports.polyDataUtils = polyDataUtils;
+const voi = __importStar(require("./voi"));
+exports.voi = voi;
 const core_1 = require("@cornerstonejs/core");
 Object.defineProperty(exports, "triggerEvent", { enumerable: true, get: function () { return core_1.triggerEvent; } });
 //# sourceMappingURL=index.js.map

package/dist/cjs/utilities/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/utilities/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,qEAGkC;AAwDhC,uGA1DA,+CAAsB,OA0DA;AACtB,uHA1DA,+DAAsC,OA0DA;AAtDxC,0DAAkC;AAwChC,mBAxCK,kBAAQ,CAwCL;AAvCV,0DAAkC;AAyChC,mBAzCK,kBAAQ,CAyCL;AAxCV,0DAAkC;AA0ChC,mBA1CK,kBAAQ,CA0CL;AAzCV,kDAA0B;AAuDxB,eAvDK,cAAI,CAuDL;AAtDN,oFAA4D;AA2C1D,gCA3CK,+BAAqB,CA2CL;AA1CvB,oHAA4F;AA4C1F,gDA5CK,+CAAqC,CA4CL;AA3CvC,wFAAgE;AA4C9D,kCA5CK,iCAAuB,CA4CL;AA3CzB,yEAAiD;AAgD/C,sBAhDK,qBAAW,CAgDL;AA9Cb,kFAA0D;AA0CxD,+BA1CK,8BAAoB,CA0CL;AAzCtB,0GAAkF;AA0ChF,2CA1CK,0CAAgC,CA0CL;AAzClC,sDAA8B;AAqD5B,iBArDK,gBAAM,CAqDL;AApDR,gEAAwC;AAqDtC,sBArDK,qBAAW,CAqDL;AApDb,mDAAgD;AAqD9C,8FArDO,6BAAa,OAqDP;AAlDf,6DAA+C;AAgC7C,oCAAY;AA/Bd,mDAAqC;AAsBnC,0BAAO;AArBT,6CAA+B;AAkB7B,oBAAI;AAjBN,iDAAmC;AAkBjC,wBAAM;AAjBR,mEAAqD;AAkBnD,0CAAe;AAjBjB,2DAA6C;AAsB3C,kCAAW;AArBb,6CAA+B;AAmC7B,oBAAI;AAlCN,2DAA6C;AAoC3C,kCAAW;AAnCb,+EAAiE;AAqC/D,sDAAqB;AApCvB,qEAAuD;AAmCrD,4CAAgB;AAlClB,mDAAsE;AAoCpE,8FApCO,6BAAa,OAoCP;AACb,qGArCsB,oCAAoB,OAqCtB;AApCtB,qDAAuC;AA6BrC,4BAAQ;AA5BV,+CAAiC;AAiB/B,sBAAK;AAhBP,+DAAiD;AAY/C,sCAAa;AAXf,gEAAkD;AAqChD,sCAAa;AAlCf,8CAAmD;AAajD,6FAbO,mBAAY,OAaP"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/utilities/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,qEAGkC;AAyDhC,uGA3DA,+CAAsB,OA2DA;AACtB,uHA3DA,+DAAsC,OA2DA;AAvDxC,0DAAkC;AAyChC,mBAzCK,kBAAQ,CAyCL;AAxCV,0DAAkC;AA0ChC,mBA1CK,kBAAQ,CA0CL;AAzCV,0DAAkC;AA2ChC,mBA3CK,kBAAQ,CA2CL;AA1CV,kDAA0B;AAwDxB,eAxDK,cAAI,CAwDL;AAvDN,oFAA4D;AA4C1D,gCA5CK,+BAAqB,CA4CL;AA3CvB,oHAA4F;AA6C1F,gDA7CK,+CAAqC,CA6CL;AA5CvC,wFAAgE;AA6C9D,kCA7CK,iCAAuB,CA6CL;AA5CzB,yEAAiD;AAiD/C,sBAjDK,qBAAW,CAiDL;AA/Cb,kFAA0D;AA2CxD,+BA3CK,8BAAoB,CA2CL;AA1CtB,0GAAkF;AA2ChF,2CA3CK,0CAAgC,CA2CL;AA1ClC,sDAA8B;AAsD5B,iBAtDK,gBAAM,CAsDL;AArDR,gEAAwC;AAsDtC,sBAtDK,qBAAW,CAsDL;AArDb,mDAAgD;AAsD9C,8FAtDO,6BAAa,OAsDP;AAnDf,6DAA+C;AAiC7C,oCAAY;AAhCd,mDAAqC;AAuBnC,0BAAO;AAtBT,6CAA+B;AAmB7B,oBAAI;AAlBN,iDAAmC;AAmBjC,wBAAM;AAlBR,mEAAqD;AAmBnD,0CAAe;AAlBjB,2DAA6C;AAuB3C,kCAAW;AAtBb,6CAA+B;AAoC7B,oBAAI;AAnCN,2DAA6C;AAqC3C,kCAAW;AApCb,+EAAiE;AAsC/D,sDAAqB;AArCvB,qEAAuD;AAoCrD,4CAAgB;AAnClB,mDAAsE;AAqCpE,8FArCO,6BAAa,OAqCP;AACb,qGAtCsB,oCAAoB,OAsCtB;AArCtB,qDAAuC;AA8BrC,4BAAQ;AA7BV,+CAAiC;AAkB/B,sBAAK;AAjBP,+DAAiD;AAa/C,sCAAa;AAZf,gEAAkD;AAsChD,sCAAa;AArCf,2CAA6B;AAsC3B,kBAAG;AAnCL,8CAAmD;AAajD,6FAbO,mBAAY,OAaP"}

package/dist/cjs/utilities/math/vec3/interpolateVec3.d.ts

@@ -0,0 +1,2 @@
+declare const interpolateVec3: (a: any, b: any, t: any) => number[];
+export { interpolateVec3 as default, interpolateVec3 };

package/dist/cjs/utilities/math/vec3/interpolateVec3.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.interpolateVec3 = exports.default = void 0;
+const interpolateVec3 = (a, b, t) => {
+    return [
+        a[0] * (1 - t) + b[0] * t,
+        a[1] * (1 - t) + b[1] * t,
+        a[2] * (1 - t) + b[2] * t,
+    ];
+};
+exports.default = interpolateVec3;
+exports.interpolateVec3 = interpolateVec3;
+//# sourceMappingURL=interpolateVec3.js.map

package/dist/cjs/utilities/math/vec3/interpolateVec3.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"interpolateVec3.js","sourceRoot":"","sources":["../../../../../src/utilities/math/vec3/interpolateVec3.ts"],"names":[],"mappings":";;;AAWA,MAAM,eAAe,GAAG,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE;IAClC,OAAO;QACL,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC;QACzB,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC;QACzB,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC;KAC1B,CAAC;AACJ,CAAC,CAAC;AAE0B,kCAAO;AAAE,0CAAe"}

package/dist/cjs/utilities/viewport/isViewportPreScaled.js

@@ -4,7 +4,8 @@ exports.isViewportPreScaled = void 0;
 const core_1 = require("@cornerstonejs/core");
 function isViewportPreScaled(viewport, targetId) {
     if (viewport instanceof core_1.BaseVolumeViewport) {
-        const volumeId = targetId.split('volumeId:')[1];
+        const targetIdTokens = targetId.split('volumeId:');
+        const volumeId = targetIdTokens.length > 1 ? targetIdTokens[1] : targetIdTokens[0];
         const volume = core_1.cache.getVolume(volumeId);
         return !!(volume === null || volume === void 0 ? void 0 : volume.scaling) && Object.keys(volume.scaling).length > 0;
     }

package/dist/cjs/utilities/viewport/isViewportPreScaled.js.map

@@ -1 +1 @@
-{"version":3,"file":"isViewportPreScaled.js","sourceRoot":"","sources":["../../../../src/utilities/viewport/isViewportPreScaled.ts"],"names":[],"mappings":";;;AAAA,8CAK6B;AAE7B,SAAS,mBAAmB,CAC1B,QAAsD,EACtD,QAAgB;IAEhB,IAAI,QAAQ,YAAY,yBAAkB,EAAE;QAC1C,MAAM,QAAQ,GAAG,QAAQ,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC;QAChD,MAAM,MAAM,GAAG,YAAK,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC;QACzC,OAAO,CAAC,CAAC,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,OAAO,CAAA,IAAI,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC;KACpE;SAAM,IAAI,QAAQ,YAAY,oBAAa,EAAE;QAC5C,MAAM,EAAE,QAAQ,EAAE,GAAG,QAAQ,CAAC,YAAY,EAAE,IAAI,EAAE,CAAC;QACnD,OAAO,CAAC,CAAC,CAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,MAAM,CAAA,CAAC;KAC3B;SAAM;QACL,MAAM,IAAI,KAAK,CAAC,8BAA8B,CAAC,CAAC;KACjD;AACH,CAAC;AAEQ,kDAAmB"}
+{"version":3,"file":"isViewportPreScaled.js","sourceRoot":"","sources":["../../../../src/utilities/viewport/isViewportPreScaled.ts"],"names":[],"mappings":";;;AAAA,8CAK6B;AAE7B,SAAS,mBAAmB,CAC1B,QAAsD,EACtD,QAAgB;IAEhB,IAAI,QAAQ,YAAY,yBAAkB,EAAE;QAC1C,MAAM,cAAc,GAAG,QAAQ,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC;QACnD,MAAM,QAAQ,GACZ,cAAc,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC;QACpE,MAAM,MAAM,GAAG,YAAK,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC;QACzC,OAAO,CAAC,CAAC,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,OAAO,CAAA,IAAI,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC;KACpE;SAAM,IAAI,QAAQ,YAAY,oBAAa,EAAE;QAC5C,MAAM,EAAE,QAAQ,EAAE,GAAG,QAAQ,CAAC,YAAY,EAAE,IAAI,EAAE,CAAC;QACnD,OAAO,CAAC,CAAC,CAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,MAAM,CAAA,CAAC;KAC3B;SAAM;QACL,MAAM,IAAI,KAAK,CAAC,8BAA8B,CAAC,CAAC;KACjD;AACH,CAAC;AAEQ,kDAAmB"}

package/dist/cjs/utilities/voi/colorbar/Colorbar.d.ts

@@ -0,0 +1,44 @@
+import type { ColorbarProps, ColorbarVOIRange } from './types';
+import { ColorbarTicks } from './ColorbarTicks';
+import Widget from '../../../widgets/Widget';
+declare class Colorbar extends Widget {
+    private _colormaps;
+    private _activeColormapName;
+    private _eventListenersManager;
+    private _canvas;
+    private _ticksBar;
+    private _rangeTextPosition;
+    private _isMouseOver;
+    private _isInteracting;
+    constructor(props: ColorbarProps);
+    get activeColormapName(): string;
+    set activeColormapName(colormapName: string);
+    get imageRange(): ColorbarVOIRange;
+    set imageRange(imageRange: ColorbarVOIRange);
+    get voiRange(): ColorbarVOIRange;
+    set voiRange(voiRange: ColorbarVOIRange);
+    get showFullImageRange(): boolean;
+    set showFullImageRange(value: boolean);
+    destroy(): void;
+    protected createRootElement(): HTMLElement;
+    protected onContainerResize(): void;
+    protected getVOIMultipliers(): [number, number];
+    protected onVoiChange(voiRange: ColorbarVOIRange): void;
+    protected showTicks(): void;
+    protected hideTicks(): void;
+    private static getColormapsMap;
+    private static getInitialColormapName;
+    private _createCanvas;
+    _createTicksBar(props: ColorbarProps): ColorbarTicks;
+    private _getPointsFromMouseEvent;
+    private updateTicksBar;
+    private _mouseOverCallback;
+    private _mouseOutCallback;
+    private _mouseDownCallback;
+    private _mouseDragCallback;
+    private _mouseUpCallback;
+    private _addRootElementEventListeners;
+    private _addVOIEventListeners;
+    private _removeVOIEventListeners;
+}
+export { Colorbar as default, Colorbar };

package/dist/cjs/utilities/voi/colorbar/Colorbar.js

@@ -0,0 +1,249 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Colorbar = exports.default = void 0;
+const gl_matrix_1 = require("gl-matrix");
+const core_1 = require("@cornerstonejs/core");
+const common_1 = require("./common");
+const ColorbarRangeTextPosition_1 = require("./enums/ColorbarRangeTextPosition");
+const ColorbarCanvas_1 = require("./ColorbarCanvas");
+const ColorbarTicks_1 = require("./ColorbarTicks");
+const isRangeTextPositionValid_1 = __importDefault(require("./common/isRangeTextPositionValid"));
+const Widget_1 = __importDefault(require("../../../widgets/Widget"));
+const DEFAULTS = {
+    MULTIPLIER: 1,
+    RANGE_TEXT_POSITION: ColorbarRangeTextPosition_1.ColorbarRangeTextPosition.Right,
+    TICKS_BAR_SIZE: 50,
+};
+class Colorbar extends Widget_1.default {
+    constructor(props) {
+        var _a, _b;
+        super(props);
+        this._isMouseOver = false;
+        this._isInteracting = false;
+        this._mouseOverCallback = (evt) => {
+            this._isMouseOver = true;
+            this.showTicks();
+            evt.stopPropagation();
+        };
+        this._mouseOutCallback = (evt) => {
+            this._isMouseOver = false;
+            this.hideTicks();
+            evt.stopPropagation();
+        };
+        this._mouseDownCallback = (evt) => {
+            this._isInteracting = true;
+            this.showTicks();
+            this._addVOIEventListeners(evt);
+            evt.stopPropagation();
+        };
+        this._mouseDragCallback = (evt, initialState) => {
+            const multipliers = this.getVOIMultipliers();
+            const currentPoints = this._getPointsFromMouseEvent(evt);
+            const { points: startPoints, voiRange: startVOIRange } = initialState;
+            const canvasDelta = gl_matrix_1.vec2.sub(gl_matrix_1.vec2.create(), currentPoints.local, startPoints.local);
+            const wwDelta = canvasDelta[0] * multipliers[0];
+            const wcDelta = canvasDelta[1] * multipliers[1];
+            if (!wwDelta && !wcDelta) {
+                return;
+            }
+            const { lower: voiLower, upper: voiUpper } = startVOIRange;
+            let { windowWidth, windowCenter } = core_1.utilities.windowLevel.toWindowLevel(voiLower, voiUpper);
+            windowWidth = Math.max(windowWidth + wwDelta, 1);
+            windowCenter += wcDelta;
+            const newVoiRange = core_1.utilities.windowLevel.toLowHighRange(windowWidth, windowCenter);
+            this.voiRange = newVoiRange;
+            evt.stopPropagation();
+            evt.preventDefault();
+        };
+        this._mouseUpCallback = (evt) => {
+            this._isInteracting = false;
+            this.hideTicks();
+            this._removeVOIEventListeners();
+            evt.stopPropagation();
+        };
+        this._eventListenersManager =
+            new core_1.utilities.eventListener.MultiTargetEventListenerManager();
+        this._colormaps = Colorbar.getColormapsMap(props);
+        this._activeColormapName = Colorbar.getInitialColormapName(props);
+        this._canvas = this._createCanvas(props);
+        this._ticksBar = this._createTicksBar(props);
+        this._rangeTextPosition =
+            (_b = (_a = props.ticks) === null || _a === void 0 ? void 0 : _a.position) !== null && _b !== void 0 ? _b : DEFAULTS.RANGE_TEXT_POSITION;
+        this._canvas.appendTo(this.rootElement);
+        this._ticksBar.appendTo(document.body);
+        this._addRootElementEventListeners();
+    }
+    get activeColormapName() {
+        return this._activeColormapName;
+    }
+    set activeColormapName(colormapName) {
+        if (colormapName === this._activeColormapName) {
+            return;
+        }
+        const colormap = this._colormaps.get(colormapName);
+        if (!colormap) {
+            console.warn(`Invalid colormap name (${colormapName})`);
+            return;
+        }
+        this._activeColormapName = colormapName;
+        this._canvas.colormap = colormap;
+    }
+    get imageRange() {
+        return this._canvas.imageRange;
+    }
+    set imageRange(imageRange) {
+        this._canvas.imageRange = imageRange;
+        this._ticksBar.imageRange = imageRange;
+    }
+    get voiRange() {
+        return this._canvas.voiRange;
+    }
+    set voiRange(voiRange) {
+        const { voiRange: currentVoiRange } = this._canvas;
+        if (!(0, common_1.isRangeValid)(voiRange) ||
+            (0, common_1.areColorbarRangesEqual)(voiRange, currentVoiRange)) {
+            return;
+        }
+        this._canvas.voiRange = voiRange;
+        this._ticksBar.voiRange = voiRange;
+        this.onVoiChange(voiRange);
+    }
+    get showFullImageRange() {
+        return this._canvas.showFullImageRange;
+    }
+    set showFullImageRange(value) {
+        this._canvas.showFullImageRange = value;
+        this._ticksBar.showFullPixelValueRange = value;
+    }
+    destroy() {
+        super.destroy();
+        this._eventListenersManager.reset();
+    }
+    createRootElement() {
+        const rootElement = document.createElement('div');
+        Object.assign(rootElement.style, {
+            width: '100%',
+            height: '100%',
+        });
+        return rootElement;
+    }
+    onContainerResize() {
+        super.onContainerResize();
+        this._canvas.size = this.containerSize;
+    }
+    getVOIMultipliers() {
+        return [DEFAULTS.MULTIPLIER, DEFAULTS.MULTIPLIER];
+    }
+    onVoiChange(voiRange) {
+    }
+    showTicks() {
+        this.updateTicksBar();
+        this._ticksBar.visible = true;
+    }
+    hideTicks() {
+        if (this._isInteracting || this._isMouseOver) {
+            return;
+        }
+        this._ticksBar.visible = false;
+    }
+    static getColormapsMap(props) {
+        const { colormaps } = props;
+        return colormaps.reduce((items, item) => items.set(item.Name, item), new Map());
+    }
+    static getInitialColormapName(props) {
+        const { activeColormapName, colormaps } = props;
+        const colormapExists = !!activeColormapName &&
+            colormaps.some((cm) => cm.Name === activeColormapName);
+        return colormapExists ? activeColormapName : colormaps[0].Name;
+    }
+    _createCanvas(props) {
+        const { imageRange, voiRange, showFullPixelValueRange } = props;
+        const colormap = this._colormaps.get(this._activeColormapName);
+        return new ColorbarCanvas_1.ColorbarCanvas({
+            colormap,
+            imageRange,
+            voiRange: voiRange,
+            showFullPixelValueRange,
+        });
+    }
+    _createTicksBar(props) {
+        const ticksProps = props.ticks;
+        return new ColorbarTicks_1.ColorbarTicks({
+            imageRange: props.imageRange,
+            voiRange: props.voiRange,
+            ticks: ticksProps,
+            showFullPixelValueRange: props.showFullPixelValueRange,
+        });
+    }
+    _getPointsFromMouseEvent(evt) {
+        const { rootElement: element } = this;
+        const clientPoint = [evt.clientX, evt.clientY];
+        const pagePoint = [evt.pageX, evt.pageY];
+        const rect = element.getBoundingClientRect();
+        const localPoints = [
+            pagePoint[0] - rect.left - window.pageXOffset,
+            pagePoint[1] - rect.top - window.pageYOffset,
+        ];
+        return { client: clientPoint, page: pagePoint, local: localPoints };
+    }
+    updateTicksBar() {
+        const { width: containerWidth, height: containerHeight } = this.containerSize;
+        if (containerWidth === 0 && containerHeight === 0) {
+            return;
+        }
+        const { _ticksBar: ticksBar, _rangeTextPosition: rangeTextPosition } = this;
+        const { top: containerTop, left: containerLeft } = this.rootElement.getBoundingClientRect();
+        const isHorizontal = containerWidth >= containerHeight;
+        const width = isHorizontal ? containerWidth : DEFAULTS.TICKS_BAR_SIZE;
+        const height = isHorizontal ? DEFAULTS.TICKS_BAR_SIZE : containerHeight;
+        if (!(0, isRangeTextPositionValid_1.default)(containerWidth, containerHeight, rangeTextPosition)) {
+            throw new Error('Invalid rangeTextPosition value for the current colobar orientation');
+        }
+        let ticksBarTop;
+        let ticksBarLeft;
+        ticksBar.size = { width, height };
+        if (isHorizontal) {
+            ticksBarTop =
+                rangeTextPosition === ColorbarRangeTextPosition_1.ColorbarRangeTextPosition.Top
+                    ? containerTop - height
+                    : containerTop + containerHeight;
+            ticksBarLeft = containerLeft;
+        }
+        else {
+            ticksBarTop = containerTop;
+            ticksBarLeft =
+                rangeTextPosition === ColorbarRangeTextPosition_1.ColorbarRangeTextPosition.Left
+                    ? containerLeft - width
+                    : containerLeft + containerWidth;
+        }
+        ticksBar.top = ticksBarTop;
+        ticksBar.left = ticksBarLeft;
+    }
+    _addRootElementEventListeners() {
+        const { _eventListenersManager: manager } = this;
+        const { rootElement: element } = this;
+        manager.addEventListener(element, 'mouseover', this._mouseOverCallback);
+        manager.addEventListener(element, 'mouseout', this._mouseOutCallback);
+        manager.addEventListener(element, 'mousedown', this._mouseDownCallback);
+    }
+    _addVOIEventListeners(evt) {
+        const { _eventListenersManager: manager } = this;
+        const points = this._getPointsFromMouseEvent(evt);
+        const voiRange = Object.assign({}, this._canvas.voiRange);
+        const initialDragState = { points, voiRange };
+        this._removeVOIEventListeners();
+        manager.addEventListener(document, 'voi.mouseup', this._mouseUpCallback);
+        manager.addEventListener(document, 'voi.mousemove', (evt) => this._mouseDragCallback(evt, initialDragState));
+    }
+    _removeVOIEventListeners() {
+        const { _eventListenersManager: manager } = this;
+        manager.removeEventListener(document, 'voi.mouseup');
+        manager.removeEventListener(document, 'voi.mousemove');
+    }
+}
+exports.default = Colorbar;
+exports.Colorbar = Colorbar;
+//# sourceMappingURL=Colorbar.js.map

package/dist/cjs/utilities/voi/colorbar/Colorbar.js.map

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

package/dist/cjs/utilities/voi/colorbar/ColorbarCanvas.d.ts

@@ -0,0 +1,29 @@
+import { IColorMapPreset } from '@kitware/vtk.js/Rendering/Core/ColorTransferFunction/ColorMaps';
+import { ColorbarCanvasProps } from './types/ColorbarCanvasProps';
+import type { ColorbarImageRange, ColorbarVOIRange } from './types';
+import type { ColorbarSize } from './types/ColorbarSize';
+declare class ColorbarCanvas {
+    private _canvas;
+    private _imageRange;
+    private _voiRange;
+    private _colormap;
+    private _showFullImageRange;
+    constructor(props: ColorbarCanvasProps);
+    get colormap(): IColorMapPreset;
+    set colormap(colormap: IColorMapPreset);
+    get size(): ColorbarSize;
+    set size(size: ColorbarSize);
+    get imageRange(): ColorbarImageRange;
+    set imageRange(imageRange: ColorbarImageRange);
+    get voiRange(): ColorbarVOIRange;
+    set voiRange(voiRange: ColorbarVOIRange);
+    get showFullImageRange(): boolean;
+    set showFullImageRange(showFullImageRange: boolean);
+    appendTo(container: HTMLElement): void;
+    dispose(): void;
+    private static validateProps;
+    private _setCanvasSize;
+    private _createRootElement;
+    private render;
+}
+export { ColorbarCanvas as default, ColorbarCanvas };

package/dist/cjs/utilities/voi/colorbar/ColorbarCanvas.js

@@ -0,0 +1,184 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ColorbarCanvas = exports.default = void 0;
+const core_1 = require("@cornerstonejs/core");
+const interpolateVec3_1 = __importDefault(require("../../math/vec3/interpolateVec3"));
+const common_1 = require("./common");
+const { clamp } = core_1.utilities;
+class ColorbarCanvas {
+    constructor(props) {
+        ColorbarCanvas.validateProps(props);
+        const { colormap, size = { width: 20, height: 100 }, imageRange = { lower: 0, upper: 1 }, voiRange = { lower: 0, upper: 1 }, container, showFullPixelValueRange = false, } = props;
+        this._colormap = colormap;
+        this._imageRange = imageRange;
+        this._voiRange = voiRange;
+        this._showFullImageRange = showFullPixelValueRange;
+        this._canvas = this._createRootElement(size);
+        if (container) {
+            this.appendTo(container);
+        }
+    }
+    get colormap() {
+        return this._colormap;
+    }
+    set colormap(colormap) {
+        this._colormap = colormap;
+        this.render();
+    }
+    get size() {
+        const { width, height } = this._canvas;
+        return { width, height };
+    }
+    set size(size) {
+        const { _canvas: canvas } = this;
+        if (!(0, common_1.isColorbarSizeValid)(size) || (0, common_1.areColorbarSizesEqual)(canvas, size)) {
+            return;
+        }
+        this._setCanvasSize(canvas, size);
+        this.render();
+    }
+    get imageRange() {
+        return Object.assign({}, this._imageRange);
+    }
+    set imageRange(imageRange) {
+        if (!(0, common_1.isRangeValid)(imageRange) ||
+            (0, common_1.areColorbarRangesEqual)(imageRange, this._imageRange)) {
+            return;
+        }
+        this._imageRange = imageRange;
+        this.render();
+    }
+    get voiRange() {
+        return Object.assign({}, this._voiRange);
+    }
+    set voiRange(voiRange) {
+        if (!(0, common_1.isRangeValid)(voiRange) ||
+            (0, common_1.areColorbarRangesEqual)(voiRange, this._voiRange)) {
+            return;
+        }
+        this._voiRange = voiRange;
+        this.render();
+    }
+    get showFullImageRange() {
+        return this._showFullImageRange;
+    }
+    set showFullImageRange(showFullImageRange) {
+        if (showFullImageRange === this._showFullImageRange) {
+            return;
+        }
+        this._showFullImageRange = showFullImageRange;
+        this.render();
+    }
+    appendTo(container) {
+        container.appendChild(this._canvas);
+        this.render();
+    }
+    dispose() {
+        const { _canvas: canvas } = this;
+        const { parentElement } = canvas;
+        parentElement === null || parentElement === void 0 ? void 0 : parentElement.removeChild(canvas);
+    }
+    static validateProps(props) {
+        const { size, imageRange, voiRange } = props;
+        if (size && !(0, common_1.isColorbarSizeValid)(size)) {
+            throw new Error('Invalid "size"');
+        }
+        if (imageRange && !(0, common_1.isRangeValid)(imageRange)) {
+            throw new Error('Invalid "imageRange"');
+        }
+        if (voiRange && !(0, common_1.isRangeValid)(voiRange)) {
+            throw new Error('Invalid "voiRange"');
+        }
+    }
+    _setCanvasSize(canvas, size) {
+        const { width, height } = size;
+        canvas.width = width;
+        canvas.height = height;
+        Object.assign(canvas.style, {
+            width: `${width}px`,
+            height: `${height}px`,
+        });
+    }
+    _createRootElement(size) {
+        const canvas = document.createElement('canvas');
+        Object.assign(canvas.style, {
+            pointerEvents: 'none',
+            boxSizing: 'border-box',
+        });
+        this._setCanvasSize(canvas, size);
+        return canvas;
+    }
+    render() {
+        if (!this._canvas.isConnected) {
+            return;
+        }
+        const { _colormap: colormap } = this;
+        const { RGBPoints: rgbPoints } = colormap;
+        const colorsCount = rgbPoints.length / 4;
+        const getColorPoint = (index) => {
+            const offset = 4 * index;
+            if (index < 0 || index >= colorsCount) {
+                return;
+            }
+            return {
+                index,
+                position: rgbPoints[offset],
+                color: [
+                    rgbPoints[offset + 1],
+                    rgbPoints[offset + 2],
+                    rgbPoints[offset + 3],
+                ],
+            };
+        };
+        const { width, height } = this._canvas;
+        const canvasContext = this._canvas.getContext('2d');
+        const isHorizontal = width > height;
+        const maxValue = isHorizontal ? width : height;
+        const { _voiRange: voiRange } = this;
+        const range = this._showFullImageRange ? this._imageRange : Object.assign({}, voiRange);
+        const { windowWidth } = core_1.utilities.windowLevel.toWindowLevel(voiRange.lower, voiRange.upper);
+        let previousColorPoint = undefined;
+        let currentColorPoint = getColorPoint(0);
+        const incRawPixelValue = (range.upper - range.lower) / (maxValue - 1);
+        let rawPixelValue = range.lower;
+        for (let i = 0; i < maxValue; i++) {
+            const tVoiRange = (rawPixelValue - voiRange.lower) / windowWidth;
+            if (currentColorPoint) {
+                for (let i = currentColorPoint.index; i < colorsCount; i++) {
+                    if (tVoiRange <= currentColorPoint.position) {
+                        break;
+                    }
+                    previousColorPoint = currentColorPoint;
+                    currentColorPoint = getColorPoint(i + 1);
+                }
+            }
+            let normColor;
+            if (!previousColorPoint) {
+                normColor = [...currentColorPoint.color];
+            }
+            else if (!currentColorPoint) {
+                normColor = [...previousColorPoint.color];
+            }
+            else {
+                const tColorRange = (tVoiRange - previousColorPoint.position) /
+                    (currentColorPoint.position - previousColorPoint.position);
+                normColor = (0, interpolateVec3_1.default)(previousColorPoint.color, currentColorPoint.color, tColorRange);
+            }
+            const color = normColor.map((color) => clamp(Math.round(color * 255), 0, 255));
+            canvasContext.fillStyle = `rgb(${color[0]}, ${color[1]}, ${color[2]})`;
+            if (isHorizontal) {
+                canvasContext.fillRect(i, 0, 1, height);
+            }
+            else {
+                canvasContext.fillRect(0, height - i - 1, width, 1);
+            }
+            rawPixelValue += incRawPixelValue;
+        }
+    }
+}
+exports.default = ColorbarCanvas;
+exports.ColorbarCanvas = ColorbarCanvas;
+//# sourceMappingURL=ColorbarCanvas.js.map