scandoc-ai-components 0.0.64 → 0.0.65

package/dist/index.js

@@ -11248,14 +11248,22 @@ class ExtractorVideo {
   }
   updateRectangleOverlay = async () => {
     const margins = await this.getCameraMargins();
+    const video = document.getElementById('ScanDocAIVideoElement');
     const rectangle = document.querySelector('.desktopRectangle');
-    if (!rectangle) return;
-    const clamp = (v, max = 0.25) => Math.min(v, max) * 100;
-    const buffer = 0.03;
-    rectangle.style.top = `${clamp(margins.topPct + buffer)}%`;
-    rectangle.style.bottom = `${clamp(margins.bottomPct + buffer)}%`;
-    rectangle.style.left = `${clamp(margins.leftPct + buffer)}%`;
-    rectangle.style.right = `${clamp(margins.rightPct + buffer)}%`;
+    if (!video || !rectangle) return;
+    const rect = video.getBoundingClientRect(); // Only visible portion
+    const width = rect.width;
+    const height = rect.height;
+    const leftPx = margins.leftPct * width;
+    const rightPx = margins.rightPct * width;
+    const topPx = margins.topPct * height;
+    const bottomPx = margins.bottomPct * height;
+
+    // Position rectangle in actual pixels (not %)
+    rectangle.style.left = `${rect.left + leftPx}px`;
+    rectangle.style.top = `${rect.top + topPx}px`;
+    rectangle.style.width = `${width - leftPx - rightPx}px`;
+    rectangle.style.height = `${height - topPx - bottomPx}px`;
   };
   async analyzeVideoStream() {
     if (!this.isRunning) {
@@ -11498,14 +11506,12 @@ class ExtractorVideo {
                 }
 
                 .desktopRectangle {
-					position: absolute;
+					position: fixed; /* not absolute anymore */
 					border-radius: 30px;
-					display: flex;
-					justify-content: center;
-					align-items: center;
-					z-index: 3;
 					border: 5px dashed #5078bb;
 					transition: all 0.3s ease;
+					pointer-events: none;
+					z-index: 1000;
 				}
     
                 .backgroundOverlay {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "scandoc-ai-components",
   "author": "ScanDoc-AI",
-  "version": "0.0.64",
+  "version": "0.0.65",
   "private": false,
   "description": "Pure JavaScript package for integrating ScanDoc-AI services.",
   "keywords": [