med-viewer-sdk 0.1.20 → 0.1.21

package/dist/core/ColorAdjustPlugin.d.ts

@@ -13,6 +13,7 @@ export interface ColorAdjustOptions {
     adjustments?: ColorAdjustments;
     debounceMs?: number;
     loadMode?: 'async' | 'sync';
+    onAdjustmentsChange?: (adjustments: ColorAdjustments) => void;
 }
 export declare class ColorAdjustPlugin {
     private viewer;

package/dist/core/SelectionPlugin.d.ts

@@ -13,7 +13,7 @@ export interface SelectionOptions {
     startRotated?: boolean;
     startRotatedHeight?: number;
     restrictToImage?: boolean;
-    onSelection?: (rect: OpenSeadragon.Rect) => void;
+    onSelection?: (rect: OpenSeadragon.Rect, blob: Blob | null) => void;
     onSelectionCanceled?: () => void;
     onSelectionChange?: (rect: OpenSeadragon.Rect) => void;
     onSelectionToggled?: (state: {

package/dist/med-viewer-sdk.mjs

@@ -13156,6 +13156,8 @@ class ColorAdjustPlugin {
       },
       debounceMs: 60,
       loadMode: "async",
+      onAdjustmentsChange: () => {
+      },
       ...options
     };
     this._adjustments = { ...this.options.adjustments };
@@ -13207,6 +13209,9 @@ class ColorAdjustPlugin {
       clearTimeout(this.debounceTimer);
     this.debounceTimer = setTimeout(() => {
       this.apply();
+      if (this.options.onAdjustmentsChange) {
+        this.options.onAdjustmentsChange(this._adjustments);
+      }
       this.debounceTimer = null;
     }, this.options.debounceMs);
   }
@@ -13216,6 +13221,9 @@ class ColorAdjustPlugin {
   reset() {
     this._adjustments = { ...this.options.adjustments };
     this.apply();
+    if (this.options.onAdjustmentsChange) {
+      this.options.onAdjustmentsChange(this._adjustments);
+    }
   }
   destroy() {
     var _a2;
@@ -15296,6 +15304,10 @@ class SelectionPlugin {
     // OpenSeadragonSelection instance
     __publicField(this, "options");
     this.viewer = viewer;
+    const userOnSelection = options.onSelection;
+    if (options.onSelection) {
+      delete options.onSelection;
+    }
     this.options = {
       showSelectionControl: true,
       showConfirmDenyButtons: true,
@@ -15351,7 +15363,45 @@ class SelectionPlugin {
         background: "#4CAF50",
         border: "2px solid #4CAF50"
       },
-      ...options
+      ...options,
+      // Override onSelection to provide a blob
+      onSelection: (rect) => {
+        if (!userOnSelection) {
+          return;
+        }
+        try {
+          const viewportRect = this.viewer.viewport.imageToViewportRectangle(rect);
+          const webRect = this.viewer.viewport.viewportToViewerElementRectangle(viewportRect);
+          const pixelDensityRatio = OpenSeadragon.pixelDensityRatio || 1;
+          const { x: x2, y: y2, width, height } = webRect || {};
+          const { canvas } = this.viewer.drawer;
+          const selectionCanvas = document.createElement("canvas");
+          const ctx = selectionCanvas.getContext("2d");
+          if (!ctx) {
+            userOnSelection(rect, null);
+            return;
+          }
+          selectionCanvas.width = width * pixelDensityRatio;
+          selectionCanvas.height = height * pixelDensityRatio;
+          ctx.drawImage(
+            canvas,
+            x2 * pixelDensityRatio,
+            y2 * pixelDensityRatio,
+            width * pixelDensityRatio,
+            height * pixelDensityRatio,
+            0,
+            0,
+            width * pixelDensityRatio,
+            height * pixelDensityRatio
+          );
+          selectionCanvas.toBlob((blob) => {
+            userOnSelection(rect, blob);
+          });
+        } catch (e2) {
+          console.error("[SelectionPlugin] Error creating blob from selection:", e2);
+          userOnSelection(rect, null);
+        }
+      }
     };
     this.init();
     updateOsdTooltips();
@@ -15501,6 +15551,9 @@ const createAnnoDropdownContent = (engine, hide) => {
     btn.className = "med-tool-item";
     btn.textContent = tItem.label;
     btn.onclick = () => {
+      if (engine.selection) {
+        engine.selection.disable();
+      }
       if (engine.anno)
         engine.anno.setTool(tItem.id, selectedColor);
       hide();
@@ -15523,6 +15576,10 @@ const createColorAdjustDropdownContent = (engine, hide) => {
   var _a2;
   const container = document.createElement("div");
   container.className = "med-toolbar-dropdown-inner med-color-adjust-dropdown";
+  if (engine.anno)
+    engine.anno.setEnabled(false);
+  if (engine.selection)
+    engine.selection.disable();
   const createSlider = (labelText, id, min, max, step, initialValue, onChange) => {
     const section = document.createElement("div");
     section.className = "med-toolbar-section";
@@ -15736,6 +15793,12 @@ const DEFAULT_BUTTONS = [
     label: t("toolbar.reset"),
     onClick: (engine, hide) => {
       engine.viewer.viewport.goHome();
+      if (engine.selection) {
+        engine.selection.disable();
+      }
+      if (engine.anno) {
+        engine.anno.setEnabled(false);
+      }
       hide();
     }
   },
@@ -15758,6 +15821,9 @@ const DEFAULT_BUTTONS = [
     onClick: (engine, hide) => {
       var _a2;
       (_a2 = engine.selection) == null ? void 0 : _a2.toggleState();
+      if (engine.anno) {
+        engine.anno.setEnabled(false);
+      }
       hide();
     }
   }