@cornerstonejs/core 5.6.13 → 5.7.0

package/dist/esm/RenderingEngine/BaseRenderingEngine.js

@@ -6,6 +6,7 @@ import triggerEvent from '../utilities/triggerEvent.js';
 import ViewportType from '../enums/ViewportType.js';
 import viewportTypeUsesCustomRenderingPipeline, { viewportUsesCustomRenderingPipeline, } from './helpers/viewportTypeUsesCustomRenderingPipeline.js';
 import getOrCreateCanvas from './helpers/getOrCreateCanvas.js';
+import { setElementTouchActionNone, restoreElementTouchAction, } from './helpers/elementTouchAction.js';
 import { getShouldUseCPURendering, getUseGenericViewport, isCornerstoneInitialized, getConfiguration, } from '../init.js';
 import { getViewportClassForInput } from './helpers/viewportTypeToViewportClass.js';
 import ViewportStatus from '../enums/ViewportStatus.js';
@@ -234,6 +235,7 @@ class BaseRenderingEngine {
     addCustomViewport(viewportInputEntry) {
         const { element, viewportId, type, defaultOptions } = viewportInputEntry;
         element.tabIndex = -1;
+        setElementTouchActionNone(element);
         const canvas = getOrCreateCanvas(element);
         const { clientWidth, clientHeight } = canvas;
         if (canvas.width !== clientWidth || canvas.height !== clientHeight) {
@@ -309,6 +311,7 @@ class BaseRenderingEngine {
         viewport.destroy?.();
         element.removeAttribute('data-viewport-uid');
         element.removeAttribute('data-rendering-engine-uid');
+        restoreElementTouchAction(element);
         const context = canvas.getContext('2d');
         context.clearRect(0, 0, canvas.width, canvas.height);
     }

package/dist/esm/RenderingEngine/ContextPoolRenderingEngine.js

@@ -7,6 +7,7 @@ import triggerEvent from '../utilities/triggerEvent.js';
 import ViewportType from '../enums/ViewportType.js';
 import viewportTypeUsesCustomRenderingPipeline, { viewportUsesCustomRenderingPipeline, } from './helpers/viewportTypeUsesCustomRenderingPipeline.js';
 import getOrCreateCanvas, { updateCanvasSizeAndAspectRatio, } from './helpers/getOrCreateCanvas.js';
+import { setElementTouchActionNone } from './helpers/elementTouchAction.js';
 import { getViewportClassForInput } from './helpers/viewportTypeToViewportClass.js';
 import { isGenericViewport } from '../utilities/viewportCapabilities.js';
 class ContextPoolRenderingEngine extends BaseRenderingEngine {
@@ -61,6 +62,7 @@ class ContextPoolRenderingEngine extends BaseRenderingEngine {
         const contextPool = this.ensureContextPool();
         const { element, canvas, viewportId, type, defaultOptions } = viewportInputEntry;
         element.tabIndex = -1;
+        setElementTouchActionNone(element);
         let contextIndex = 0;
         if (type === ViewportType.STACK) {
             const contexts = contextPool.getAllContexts();

package/dist/esm/RenderingEngine/TiledRenderingEngine.js

@@ -6,6 +6,7 @@ import viewportTypeUsesCustomRenderingPipeline from './helpers/viewportTypeUsesC
 import getOrCreateCanvas from './helpers/getOrCreateCanvas.js';
 import { vtkOffscreenMultiRenderWindow } from './vtkClasses/index.js';
 import { attachWebGLContextEvents } from './helpers/attachWebGLContextEvents.js';
+import { setElementTouchActionNone } from './helpers/elementTouchAction.js';
 import { getViewportClassForInput } from './helpers/viewportTypeToViewportClass.js';
 class TiledRenderingEngine extends BaseRenderingEngine {
     constructor(id) {
@@ -71,6 +72,7 @@ class TiledRenderingEngine extends BaseRenderingEngine {
         this.ensureOffscreenResources();
         const { element, canvas, viewportId, type, defaultOptions } = viewportInputEntry;
         element.tabIndex = -1;
+        setElementTouchActionNone(element);
         const { offScreenCanvasWidth, offScreenCanvasHeight, xOffset } = offscreenCanvasProperties;
         const { sxStartDisplayCoords, syStartDisplayCoords, sxEndDisplayCoords, syEndDisplayCoords, sx, sy, sWidth, sHeight, } = this._getViewportCoordsOnOffScreenCanvas(viewportInputEntry, offScreenCanvasWidth, offScreenCanvasHeight, xOffset);
         this.offscreenMultiRenderWindow.addRenderer({

package/dist/esm/RenderingEngine/helpers/elementTouchAction.d.ts

@@ -0,0 +1,2 @@
+export declare function setElementTouchActionNone(element: HTMLDivElement): void;
+export declare function restoreElementTouchAction(element: HTMLDivElement): void;

package/dist/esm/RenderingEngine/helpers/elementTouchAction.js

@@ -0,0 +1,32 @@
+const MANAGED_PROPERTIES = [
+    { name: 'touch-action', attribute: 'data-prior-touch-action' },
+    { name: 'user-select', attribute: 'data-prior-user-select' },
+    { name: '-webkit-user-select', attribute: 'data-prior-webkit-user-select' },
+    {
+        name: '-webkit-touch-callout',
+        attribute: 'data-prior-webkit-touch-callout',
+    },
+];
+export function setElementTouchActionNone(element) {
+    MANAGED_PROPERTIES.forEach(({ name, attribute }) => {
+        if (!element.hasAttribute(attribute)) {
+            element.setAttribute(attribute, element.style.getPropertyValue(name));
+        }
+        element.style.setProperty(name, 'none');
+    });
+}
+export function restoreElementTouchAction(element) {
+    MANAGED_PROPERTIES.forEach(({ name, attribute }) => {
+        if (!element.hasAttribute(attribute)) {
+            return;
+        }
+        const priorValue = element.getAttribute(attribute);
+        if (priorValue) {
+            element.style.setProperty(name, priorValue);
+        }
+        else {
+            element.style.removeProperty(name);
+        }
+        element.removeAttribute(attribute);
+    });
+}

package/dist/esm/utilities/getCurrentVolumeViewportSlice.js

@@ -15,7 +15,7 @@ function getCurrentVolumeViewportSlice(viewport) {
     const maxIJKRowVec = Math.max(Math.abs(ijkRowVec[0]), Math.abs(ijkRowVec[1]), Math.abs(ijkRowVec[2]));
     const maxIJKColVec = Math.max(Math.abs(ijkColVec[0]), Math.abs(ijkColVec[1]), Math.abs(ijkColVec[2]));
     if (!glMatrix.equals(1, maxIJKRowVec) || !glMatrix.equals(1, maxIJKColVec)) {
-        throw new Error('Livewire is not available for rotate/oblique viewports');
+        throw new Error('getCurrentVolumeViewportSlice is not available for rotate/oblique viewports');
     }
     const { voxelManager } = viewport.getImageData();
     const sliceViewInfo = viewport.getSliceViewInfo();

package/dist/esm/version.d.ts

@@ -1 +1 @@
-export declare const version = "5.6.13";
+export declare const version = "5.7.0";

package/dist/esm/version.js

@@ -1 +1 @@
-export const version = '5.6.13';
+export const version = '5.7.0';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cornerstonejs/core",
-  "version": "5.6.13",
+  "version": "5.7.0",
   "description": "Cornerstone3D Core",
   "module": "./dist/esm/index.js",
   "types": "./dist/esm/index.d.ts",
@@ -85,18 +85,18 @@
     "prepublishOnly": "pnpm run build"
   },
   "dependencies": {
-    "@cornerstonejs/utils": "5.6.13",
+    "@cornerstonejs/utils": "5.7.0",
     "@kitware/vtk.js": "36.4.1",
     "comlink": "4.4.2",
     "gl-matrix": "3.4.3",
     "loglevel": "1.9.2"
   },
   "devDependencies": {
-    "@cornerstonejs/metadata": "5.6.13"
+    "@cornerstonejs/metadata": "5.7.0"
   },
   "peerDependencies": {
-    "@cornerstonejs/metadata": "5.6.13",
-    "@cornerstonejs/utils": "5.6.13"
+    "@cornerstonejs/metadata": "5.7.0",
+    "@cornerstonejs/utils": "5.7.0"
   },
   "contributors": [
     {
@@ -109,5 +109,5 @@
     "type": "individual",
     "url": "https://ohif.org/donate"
   },
-  "gitHead": "ab8a356d204350aa0f881463a9be8d7b12cfedb4"
+  "gitHead": "49e9ce38a3d34844f5b5a58e0e796469b7ea50bd"
 }