scandoc-ai-components 0.0.62 → 0.0.63

package/dist/index.js

@@ -11405,17 +11405,21 @@ class ExtractorVideo {
       await this.video.play().catch(e => {
         console.warn(`Error on video play: ${e}`);
       });
-      setTimeout(async () => {
-        const margins = await this.getCameraMargins();
-        const rectangle = document.querySelector('.desktopRectangle');
-        if (rectangle) {
-          rectangle.style.top = `${margins.topPct * 100}%`;
-          rectangle.style.bottom = `${margins.bottomPct * 100}%`;
-          rectangle.style.left = `${margins.leftPct * 100}%`;
-          rectangle.style.right = `${margins.rightPct * 100}%`;
+      window.addEventListener("resize", () => {
+        if (this.isRunning) {
+          setTimeout(() => this.getCameraMargins().then(margins => {
+            const rectangle = document.querySelector('.desktopRectangle');
+            const clamp = (v, max = 0.25) => Math.min(v, max) * 100;
+            const buffer = 0.03;
+            if (rectangle) {
+              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)}%`;
+            }
+          }), 500);
         }
-      }, 500); // Give time for video frame to show			  
-
+      });
       this.scanStartTime = Date.now(); // Reset timer
       setTimeout(() => this.analyzeVideoStream(), ExtractorVideo.FREQUENCY_MS);
       this.showMessage("Starting scanning");

package/package.json

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