scandoc-ai-components 0.0.65 → 0.0.66

package/dist/index.js

@@ -11248,22 +11248,12 @@ class ExtractorVideo {
   }
   updateRectangleOverlay = async () => {
     const margins = await this.getCameraMargins();
-    const video = document.getElementById('ScanDocAIVideoElement');
     const rectangle = document.querySelector('.desktopRectangle');
-    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`;
+    if (!rectangle) return;
+    rectangle.style.top = `${margins.topPct * 100}%`;
+    rectangle.style.bottom = `${margins.bottomPct * 100}%`;
+    rectangle.style.left = `${margins.leftPct * 100}%`;
+    rectangle.style.right = `${margins.rightPct * 100}%`;
   };
   async analyzeVideoStream() {
     if (!this.isRunning) {
@@ -11506,14 +11496,14 @@ class ExtractorVideo {
                 }
 
                 .desktopRectangle {
-					position: fixed; /* not absolute anymore */
-					border-radius: 30px;
+					position: absolute;
+					top: 0; left: 0; right: 0; bottom: 0;
 					border: 5px dashed #5078bb;
-					transition: all 0.3s ease;
+					border-radius: 30px;
 					pointer-events: none;
-					z-index: 1000;
+					z-index: 3;
 				}
-    
+
                 .backgroundOverlay {
                     position: absolute;
                     top: 0;

package/package.json

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