@cornerstonejs/adapters 1.63.2 → 1.63.3

package/dist/adapters.es.js

@@ -46568,7 +46568,7 @@ class CanvasActor {
       let indicesToDelete;
       for (const run of row) {
         const {
-          start: start,
+          start,
           end,
           value: segmentIndex
         } = run;
@@ -46594,7 +46594,7 @@ class CanvasActor {
     }
     const dirtyWidth = dirtyX2 - dirtyX;
     const dirtyHeight = dirtyY2 - dirtyY;
-    localContext.putImageData(imageData, 0, 0, dirtyX, dirtyY, dirtyWidth, dirtyHeight);
+    localContext.putImageData(imageData, 0, 0, dirtyX - 1, dirtyY - 1, dirtyWidth + 2, dirtyHeight + 2);
     context.drawImage(canvas, dirtyX, dirtyY, dirtyWidth, dirtyHeight, dirtyX, dirtyY, dirtyWidth, dirtyHeight);
   }
   render(viewport, context) {
@@ -46818,6 +46818,7 @@ class VideoViewport extends Viewport$1 {
         time: this.videoElement.currentTime,
         duration: this.videoElement.duration
       });
+      this.initialRender?.();
       const frame = this.getFrameNumber();
       if (this.isPlaying) {
         if (frame < this.frameRange[0]) {
@@ -46844,6 +46845,7 @@ class VideoViewport extends Viewport$1 {
     this.videoElement = document.createElement('video');
     this.videoElement.muted = this.mute;
     this.videoElement.loop = this.loop;
+    this.videoElement.autoplay = true;
     this.videoElement.crossOrigin = 'anonymous';
     this.addEventListeners();
     this.resize();
@@ -46928,13 +46930,16 @@ class VideoViewport extends Viewport$1 {
       this.fps = cineRate;
       this.numberOfFrames = numberOfFrames;
       this.setFrameRange([1, numberOfFrames]);
-      this.play();
+      this.initialRender = () => {
+        this.initialRender = null;
+        this.pause();
+        this.setFrameNumber(frameNumber || 1);
+      };
       return new Promise(resolve => {
         window.setTimeout(() => {
-          this.pause();
           this.setFrameNumber(frameNumber || 1);
           resolve(this);
-        }, 100);
+        }, 25);
       });
     });
   }
@@ -47208,6 +47213,7 @@ class VideoViewport extends Viewport$1 {
       const panWorldDelta = [(focalPointCanvas[0] - canvasCenter[0]) / this.videoCamera.parallelScale, (focalPointCanvas[1] - canvasCenter[1]) / this.videoCamera.parallelScale];
       this.videoCamera.panWorld = [this.videoCamera.panWorld[0] - panWorldDelta[0], this.videoCamera.panWorld[1] - panWorldDelta[1]];
     }
+    this.canvasContext.fillStyle = 'rgba(0,0,0,1)';
     this.canvasContext.fillRect(0, 0, this.canvas.width, this.canvas.height);
     if (this.isPlaying === false) {
       this.renderFrame();