@files-preview-app/preview-file 1.3.19 → 1.3.20

package/dist/react.cjs

@@ -6247,8 +6247,7 @@ var ThreeDPlugin = class {
     scrollWrapper.style.width = "max-content";
     scrollWrapper.style.height = "max-content";
     scrollWrapper.style.display = "flex";
-    scrollWrapper.style.flexDirection = "column";
-    scrollWrapper.style.alignItems = "center";
+    scrollWrapper.style.alignItems = "flex-start";
     scrollWrapper.style.justifyContent = "flex-start";
     scrollWrapper.style.boxSizing = "border-box";
     const sizer = document.createElement("div");
@@ -6258,7 +6257,7 @@ var ThreeDPlugin = class {
     sizer.style.display = "flex";
     sizer.style.justifyContent = "center";
     sizer.style.alignItems = "center";
-    sizer.style.margin = "auto 0";
+    sizer.style.margin = "auto";
     const scene = new THREE__namespace.Scene();
     scene.background = new THREE__namespace.Color(1973796);
     const camera = new THREE__namespace.PerspectiveCamera(45, baseW / baseH, 0.1, 2e3);
@@ -6346,7 +6345,9 @@ var ThreeDPlugin = class {
       const boxH = Math.round(baseH * currentZoom);
       sizer.style.width = `${boxW}px`;
       sizer.style.height = `${boxH}px`;
-      sizer.style.margin = boxH < container.clientHeight ? "auto 0" : "0";
+      const marginV = boxH < container.clientHeight ? "auto" : "0";
+      const marginH = boxW < container.clientWidth ? "auto" : "0";
+      sizer.style.margin = `${marginV} ${marginH}`;
       renderer.domElement.style.width = `${boxW}px`;
       renderer.domElement.style.height = `${boxH}px`;
       renderer.domElement.style.maxWidth = "none";
@@ -6399,6 +6400,12 @@ var ThreeDPlugin = class {
         }
         applyZoom();
       },
+      getZoom: () => currentZoom,
+      setZoom: (level) => {
+        isUserZoomed = level !== 1;
+        currentZoom = Math.max(0.2, Math.min(5, level));
+        applyZoom();
+      },
       fitToPage: () => {
         isUserZoomed = false;
         currentZoom = 1;