@cornerstonejs/tools 1.23.3 → 1.24.0

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

@@ -0,0 +1,177 @@
+import { utilities } from '@cornerstonejs/core';
+import interpolateVec3 from '../../math/vec3/interpolateVec3';
+import { isRangeValid, areColorbarRangesEqual, isColorbarSizeValid, areColorbarSizesEqual, } from './common';
+const { clamp } = 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 (!isColorbarSizeValid(size) || areColorbarSizesEqual(canvas, size)) {
+            return;
+        }
+        this._setCanvasSize(canvas, size);
+        this.render();
+    }
+    get imageRange() {
+        return { ...this._imageRange };
+    }
+    set imageRange(imageRange) {
+        if (!isRangeValid(imageRange) ||
+            areColorbarRangesEqual(imageRange, this._imageRange)) {
+            return;
+        }
+        this._imageRange = imageRange;
+        this.render();
+    }
+    get voiRange() {
+        return { ...this._voiRange };
+    }
+    set voiRange(voiRange) {
+        if (!isRangeValid(voiRange) ||
+            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?.removeChild(canvas);
+    }
+    static validateProps(props) {
+        const { size, imageRange, voiRange } = props;
+        if (size && !isColorbarSizeValid(size)) {
+            throw new Error('Invalid "size"');
+        }
+        if (imageRange && !isRangeValid(imageRange)) {
+            throw new Error('Invalid "imageRange"');
+        }
+        if (voiRange && !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 : { ...voiRange };
+        const { windowWidth } = 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 = interpolateVec3(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;
+        }
+    }
+}
+export { ColorbarCanvas as default, ColorbarCanvas };
+//# sourceMappingURL=ColorbarCanvas.js.map

package/dist/esm/utilities/voi/colorbar/ColorbarCanvas.js.map

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

package/dist/esm/utilities/voi/colorbar/ColorbarTicks.d.ts

@@ -0,0 +1,46 @@
+import type { ColorbarVOIRange, ColorbarSize, ColorbarTicksProps } from './types';
+declare class ColorbarTicks {
+    private _canvas;
+    private _imageRange;
+    private _voiRange;
+    private _color;
+    private _tickSize;
+    private _tickWidth;
+    private _labelMargin;
+    private _maxNumTicks;
+    private _rangeTextPosition;
+    private _showFullPixelValueRange;
+    private _font;
+    constructor(props: ColorbarTicksProps);
+    get size(): ColorbarSize;
+    set size(size: ColorbarSize);
+    get top(): number;
+    set top(top: number);
+    get left(): number;
+    set left(left: number);
+    get imageRange(): ColorbarVOIRange;
+    set imageRange(imageRange: ColorbarVOIRange);
+    get voiRange(): ColorbarVOIRange;
+    set voiRange(voiRange: ColorbarVOIRange);
+    get tickSize(): number;
+    set tickSize(tickSize: number);
+    get tickWidth(): number;
+    set tickWidth(tickWidth: number);
+    get color(): string;
+    set color(color: string);
+    get showFullPixelValueRange(): boolean;
+    set showFullPixelValueRange(showFullRange: boolean);
+    get visible(): boolean;
+    set visible(visible: boolean);
+    appendTo(container: HTMLElement): void;
+    private static validateProps;
+    private _setCanvasSize;
+    private _createCanvasElement;
+    private _getTicks;
+    private _getLeftTickInfo;
+    private _getRightTickInfo;
+    private _getTopTickInfo;
+    private _getBottomTickInfo;
+    private render;
+}
+export { ColorbarTicks as default, ColorbarTicks };

package/dist/esm/utilities/voi/colorbar/ColorbarTicks.js

@@ -0,0 +1,281 @@
+import { isColorbarSizeValid, isRangeValid, areColorbarRangesEqual, areColorbarSizesEqual, } from './common';
+import { ColorbarRangeTextPosition } from './enums/ColorbarRangeTextPosition';
+const DEFAULTS = {
+    FONT: '10px Arial',
+    COLOR: 'white',
+    TICK_SIZE: 5,
+    TICK_WIDTH: 1,
+    TICK_LABEL_MARGIN: 3,
+    MAX_NUM_TICKS: 8,
+    TICKS_STEPS: [1, 2.5, 5, 10],
+};
+class ColorbarTicks {
+    constructor(props) {
+        ColorbarTicks.validateProps(props);
+        const { top = 0, left = 0, size = { width: 20, height: 100 }, imageRange = { lower: 0, upper: 1 }, voiRange = { lower: 0, upper: 1 }, ticks: ticksProps, container, showFullPixelValueRange = false, } = props;
+        const { style: ticksStyle, position: rangeTextPosition } = ticksProps ?? {};
+        this._imageRange = imageRange;
+        this._voiRange = voiRange;
+        this._font = ticksStyle?.font ?? DEFAULTS.FONT;
+        this._color = ticksStyle?.color ?? DEFAULTS.COLOR;
+        this._tickSize = ticksStyle?.tickSize ?? DEFAULTS.TICK_SIZE;
+        this._tickWidth = ticksStyle?.tickWidth ?? DEFAULTS.TICK_WIDTH;
+        this._labelMargin = ticksStyle?.labelMargin ?? DEFAULTS.TICK_LABEL_MARGIN;
+        this._maxNumTicks = ticksStyle?.maxNumTicks ?? DEFAULTS.MAX_NUM_TICKS;
+        this._rangeTextPosition =
+            rangeTextPosition ?? ColorbarRangeTextPosition.Right;
+        this._showFullPixelValueRange = showFullPixelValueRange;
+        this._canvas = this._createCanvasElement(size, top, left);
+        if (container) {
+            this.appendTo(container);
+        }
+    }
+    get size() {
+        const { width, height } = this._canvas;
+        return { width, height };
+    }
+    set size(size) {
+        const { _canvas: canvas } = this;
+        if (!isColorbarSizeValid(size) || areColorbarSizesEqual(canvas, size)) {
+            return;
+        }
+        this._setCanvasSize(canvas, size);
+        this.render();
+    }
+    get top() {
+        return Number.parseInt(this._canvas.style.top);
+    }
+    set top(top) {
+        const { _canvas: canvas } = this;
+        const currentTop = this.top;
+        if (top === currentTop) {
+            return;
+        }
+        canvas.style.top = `${top}px`;
+        this.render();
+    }
+    get left() {
+        return Number.parseInt(this._canvas.style.left);
+    }
+    set left(left) {
+        const { _canvas: canvas } = this;
+        const currentLeft = this.left;
+        if (left === currentLeft) {
+            return;
+        }
+        canvas.style.left = `${left}px`;
+        this.render();
+    }
+    get imageRange() {
+        return { ...this._imageRange };
+    }
+    set imageRange(imageRange) {
+        if (!isRangeValid(imageRange) ||
+            areColorbarRangesEqual(imageRange, this._imageRange)) {
+            return;
+        }
+        this._imageRange = imageRange;
+        this.render();
+    }
+    get voiRange() {
+        return { ...this._voiRange };
+    }
+    set voiRange(voiRange) {
+        if (!isRangeValid(voiRange) ||
+            areColorbarRangesEqual(voiRange, this._voiRange)) {
+            return;
+        }
+        this._voiRange = voiRange;
+        this.render();
+    }
+    get tickSize() {
+        return this._tickSize;
+    }
+    set tickSize(tickSize) {
+        if (tickSize === this._tickSize) {
+            return;
+        }
+        this._tickSize = tickSize;
+        this.render();
+    }
+    get tickWidth() {
+        return this._tickWidth;
+    }
+    set tickWidth(tickWidth) {
+        if (tickWidth === this._tickWidth) {
+            return;
+        }
+        this._tickWidth = tickWidth;
+        this.render();
+    }
+    get color() {
+        return this._color;
+    }
+    set color(color) {
+        if (color === this._color) {
+            return;
+        }
+        this._color = color;
+        this.render();
+    }
+    get showFullPixelValueRange() {
+        return this._showFullPixelValueRange;
+    }
+    set showFullPixelValueRange(showFullRange) {
+        if (showFullRange === this._showFullPixelValueRange) {
+            return;
+        }
+        this._showFullPixelValueRange = showFullRange;
+        this.render();
+    }
+    get visible() {
+        return this._canvas.style.display === 'block';
+    }
+    set visible(visible) {
+        if (visible === this.visible) {
+            return;
+        }
+        this._canvas.style.display = visible ? 'block' : 'none';
+        if (visible) {
+            this.render();
+        }
+    }
+    appendTo(container) {
+        container.appendChild(this._canvas);
+        this.render();
+    }
+    static validateProps(props) {
+        const { size, imageRange, voiRange } = props;
+        if (size && !isColorbarSizeValid(size)) {
+            throw new Error('Invalid "size"');
+        }
+        if (imageRange && !isRangeValid(imageRange)) {
+            throw new Error('Invalid "imageRange"');
+        }
+        if (voiRange && !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`,
+        });
+    }
+    _createCanvasElement(size, top, left) {
+        const canvas = document.createElement('canvas');
+        Object.assign(canvas.style, {
+            display: 'none',
+            position: 'absolute',
+            boxSizing: 'border-box',
+            top: `${top}px`,
+            left: `${left}px`,
+        });
+        this._setCanvasSize(canvas, size);
+        return canvas;
+    }
+    _getTicks(range) {
+        const { lower, upper } = range;
+        const rangeValue = upper - lower;
+        const roughStep = rangeValue / (this._maxNumTicks - 1);
+        const stepPower = Math.pow(10, -Math.floor(Math.log10(Math.abs(roughStep))));
+        const roughtStepNormalized = roughStep * stepPower;
+        const normalizedStep = DEFAULTS.TICKS_STEPS.find((n) => n >= roughtStepNormalized);
+        const step = normalizedStep / stepPower;
+        const scaleMax = Math.ceil(upper / step) * step;
+        const scaleMin = Math.floor(lower / step) * step;
+        const ticksCount = Math.round((scaleMax - scaleMin) / step) + 1;
+        const ticks = [];
+        for (let i = 0; i < ticksCount; i++) {
+            ticks.push(scaleMin + i * step);
+        }
+        return { scaleMin, scaleMax, step, ticks };
+    }
+    _getLeftTickInfo({ position, labelMeasure }) {
+        const { width } = this._canvas;
+        const labelX = width - this.tickSize - labelMeasure.width - this._labelMargin;
+        const labelPoint = [labelX, position];
+        const tickPoints = {
+            start: [width - this._tickSize, position],
+            end: [width, position],
+        };
+        return { labelPoint, tickPoints };
+    }
+    _getRightTickInfo({ position }) {
+        const labelPoint = [this._tickSize + this._labelMargin, position];
+        const tickPoints = {
+            start: [0, position],
+            end: [this._tickSize, position],
+        };
+        return { labelPoint, tickPoints };
+    }
+    _getTopTickInfo({ position, labelMeasure }) {
+        throw new Error('Not implemented');
+    }
+    _getBottomTickInfo({ position, labelMeasure }) {
+        throw new Error('Not implemented');
+    }
+    render() {
+        const { _canvas: canvas } = this;
+        if (!canvas.isConnected || !this.visible) {
+            return;
+        }
+        const { width, height } = canvas;
+        const isHorizontal = width >= height;
+        const maxCanvasPixelValue = isHorizontal ? width : height;
+        const canvasContext = canvas.getContext('2d');
+        const { _voiRange: voiRange } = this;
+        const range = this._showFullPixelValueRange
+            ? this._imageRange
+            : { ...voiRange };
+        const rangeWidth = range.upper - range.lower;
+        const { ticks } = this._getTicks(range);
+        canvasContext.clearRect(0, 0, width, height);
+        canvasContext.font = this._font;
+        canvasContext.textBaseline = 'middle';
+        canvasContext.fillStyle = this._color;
+        canvasContext.strokeStyle = this._color;
+        canvasContext.lineWidth = this.tickWidth;
+        ticks.forEach((tick) => {
+            let position = Math.round(maxCanvasPixelValue * ((tick - range.lower) / rangeWidth));
+            if (!isHorizontal) {
+                position = height - position;
+            }
+            if (position < 0 || position > maxCanvasPixelValue) {
+                return;
+            }
+            const label = tick.toString();
+            const labelMeasure = canvasContext.measureText(label);
+            let tickInfo;
+            if (isHorizontal) {
+                if (this._rangeTextPosition === ColorbarRangeTextPosition.Top) {
+                    tickInfo = this._getTopTickInfo({ position, labelMeasure });
+                }
+                else {
+                    tickInfo = this._getBottomTickInfo({ position, labelMeasure });
+                }
+            }
+            else {
+                if (this._rangeTextPosition === ColorbarRangeTextPosition.Left) {
+                    tickInfo = this._getLeftTickInfo({ position, labelMeasure });
+                }
+                else {
+                    tickInfo = this._getRightTickInfo({ position });
+                }
+            }
+            const { labelPoint, tickPoints } = tickInfo;
+            const { start: tickStart, end: tickEnd } = tickPoints;
+            canvasContext.beginPath();
+            canvasContext.moveTo(tickStart[0], tickStart[1]);
+            canvasContext.lineTo(tickEnd[0], tickEnd[1]);
+            canvasContext.fillText(label, labelPoint[0], labelPoint[1]);
+            canvasContext.stroke();
+            return position;
+        });
+    }
+}
+export { ColorbarTicks as default, ColorbarTicks };
+//# sourceMappingURL=ColorbarTicks.js.map

package/dist/esm/utilities/voi/colorbar/ColorbarTicks.js.map

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

package/dist/esm/utilities/voi/colorbar/ViewportColorbar.d.ts

@@ -0,0 +1,23 @@
+import { Types } from '@cornerstonejs/core';
+import { Colorbar } from './Colorbar';
+import type { ViewportColorbarProps, ColorbarVOIRange } from './types';
+declare class ViewportColorbar extends Colorbar {
+    private _element;
+    private _volumeId;
+    private _hideTicksTime;
+    private _hideTicksTimeoutId;
+    constructor(props: ViewportColorbarProps);
+    get element(): HTMLDivElement;
+    get enabledElement(): Types.IEnabledElement;
+    protected getVOIMultipliers(): [number, number];
+    protected onVoiChange(voiRange: ColorbarVOIRange): void;
+    private static _getImageRange;
+    private static _getVOIRange;
+    private autoHideTicks;
+    private showAndAutoHideTicks;
+    private _stackNewImageCallback;
+    private _imageVolumeModifiedCallback;
+    private _viewportVOIModifiedCallback;
+    private _addCornerstoneEventListener;
+}
+export { ViewportColorbar as default, ViewportColorbar };

package/dist/esm/utilities/voi/colorbar/ViewportColorbar.js

@@ -0,0 +1,122 @@
+import { eventTarget, VolumeViewport, StackViewport, Enums, utilities, getEnabledElement, } from '@cornerstonejs/core';
+import { Colorbar } from './Colorbar';
+import { getVOIMultipliers } from '../../getVOIMultipliers';
+const { Events } = Enums;
+const defaultImageRange = { lower: -1000, upper: 1000 };
+class ViewportColorbar extends Colorbar {
+    constructor(props) {
+        const { element, volumeId } = props;
+        const imageRange = ViewportColorbar._getImageRange(element, volumeId);
+        const voiRange = ViewportColorbar._getVOIRange(element, volumeId);
+        super({ ...props, imageRange, voiRange });
+        this.autoHideTicks = () => {
+            if (this._hideTicksTimeoutId) {
+                return;
+            }
+            const timeLeft = this._hideTicksTime - Date.now();
+            if (timeLeft <= 0) {
+                this.hideTicks();
+            }
+            else {
+                this._hideTicksTimeoutId = window.setTimeout(() => {
+                    this._hideTicksTimeoutId = 0;
+                    this.autoHideTicks();
+                }, timeLeft);
+            }
+        };
+        this._stackNewImageCallback = () => {
+            this.imageRange = ViewportColorbar._getImageRange(this._element);
+        };
+        this._imageVolumeModifiedCallback = (evt) => {
+            const { volumeId } = evt.detail.imageVolume;
+            if (volumeId !== this._volumeId) {
+                return;
+            }
+            const { _element: element } = this;
+            this.imageRange = ViewportColorbar._getImageRange(element, volumeId);
+        };
+        this._viewportVOIModifiedCallback = (evt) => {
+            const { viewportId, volumeId, range: voiRange } = evt.detail;
+            const { viewport } = this.enabledElement;
+            if (viewportId !== viewport.id || volumeId !== this._volumeId) {
+                return;
+            }
+            this.voiRange = voiRange;
+            this.showAndAutoHideTicks();
+        };
+        this._element = element;
+        this._volumeId = volumeId;
+        this._addCornerstoneEventListener();
+    }
+    get element() {
+        return this._element;
+    }
+    get enabledElement() {
+        return getEnabledElement(this._element);
+    }
+    getVOIMultipliers() {
+        const { viewport } = this.enabledElement;
+        return getVOIMultipliers(viewport, this._volumeId);
+    }
+    onVoiChange(voiRange) {
+        super.onVoiChange(voiRange);
+        const { viewport } = this.enabledElement;
+        if (viewport instanceof StackViewport) {
+            viewport.setProperties({
+                voiRange: voiRange,
+            });
+            viewport.render();
+        }
+        else if (viewport instanceof VolumeViewport) {
+            const { _volumeId: volumeId } = this;
+            const viewportsContainingVolumeUID = utilities.getViewportsWithVolumeId(volumeId, viewport.renderingEngineId);
+            viewport.setProperties({ voiRange }, volumeId);
+            viewportsContainingVolumeUID.forEach((vp) => vp.render());
+        }
+    }
+    static _getImageRange(element, volumeId) {
+        const enabledElement = getEnabledElement(element);
+        const { viewport } = enabledElement;
+        const actor = volumeId
+            ? viewport.getActor(volumeId)
+            : viewport.getDefaultActor();
+        if (!actor) {
+            return defaultImageRange;
+        }
+        const imageData = actor.actor.getMapper().getInputData();
+        const imageRange = imageData.getPointData().getScalars().getRange();
+        return imageRange[0] === 0 && imageRange[1] === 0
+            ? defaultImageRange
+            : { lower: imageRange[0], upper: imageRange[1] };
+    }
+    static _getVOIRange(element, volumeId) {
+        const enabledElement = getEnabledElement(element);
+        const { viewport } = enabledElement;
+        const volumeActor = volumeId
+            ? viewport.getActor(volumeId)
+            : viewport.getDefaultActor();
+        if (!volumeActor || !utilities.isImageActor(volumeActor)) {
+            return defaultImageRange;
+        }
+        const voiRange = volumeActor.actor
+            .getProperty()
+            .getRGBTransferFunction(0)
+            .getRange();
+        return voiRange[0] === 0 && voiRange[1] === 0
+            ? defaultImageRange
+            : { lower: voiRange[0], upper: voiRange[1] };
+    }
+    showAndAutoHideTicks(interval = 1000) {
+        this._hideTicksTime = Date.now() + interval;
+        this.showTicks();
+        this.autoHideTicks();
+    }
+    _addCornerstoneEventListener() {
+        const { _element: element } = this;
+        eventTarget.addEventListener(Events.IMAGE_VOLUME_MODIFIED, this._imageVolumeModifiedCallback);
+        element.addEventListener(Events.STACK_NEW_IMAGE, this._stackNewImageCallback);
+        element.addEventListener(Events.VOI_MODIFIED, this._viewportVOIModifiedCallback);
+    }
+}
+export { ViewportColorbar as default, ViewportColorbar };
+//# sourceMappingURL=ViewportColorbar.js.map