kitchen-simulator 7.0.5-react-18 → 7.0.6-react-18

package/es/class/project.js

@@ -146,13 +146,7 @@ var Project = /*#__PURE__*/function () {
       if (w != 0 && Math.abs(w) != Infinity && h != 0 && Math.abs(h) != Infinity) {
         a = viewer.viewerHeight < h ? viewer.viewerHeight / h : (viewer.viewerHeight / h * 3 / 5 - 0.5) / constants.ZOOM_VARIABLE > 400 ? viewer.viewerHeight / h * 400 / ((viewer.viewerHeight / h - 0.5) / constants.ZOOM_VARIABLE) : viewer.viewerHeight / h * 3 / 5;
         e = (viewer.viewerWidth - (bb.maxX + bb.minX) * a) / 2;
-        f = (viewer.viewerHeight - (viewer.SVGHeight * 2 - bb.maxY - bb.minY) * a) / 2;
-        var maxE = 10;
-        var minE = viewer.viewerWidth - (a * viewer.SVGWidth + 10);
-        e = Math.min(maxE, Math.max(minE, e));
-        var maxF = 80;
-        var minF = viewer.viewerHeight - (a * viewer.SVGHeight + 10);
-        f = Math.min(maxF, Math.max(minF, f));
+        f = (viewer.viewerHeight - (bb.maxY + bb.minY) * a) / 2;
         _viewer2D = _viewer2D.merge({
           a: a,
           d: a,
@@ -174,7 +168,6 @@ var Project = /*#__PURE__*/function () {
       state = Item.setCounterTop(state, counterTop).updatedState;
       state = Area.setFloorStyles(state, floorStyle).updatedState;
       this.updateZoomScale(state, a);
-      viewer2DActions.updateCameraView(_viewer2D);
       return {
         updatedState: state
       };

package/es/utils/helper.js

@@ -341,12 +341,29 @@ export var updateViwer2D = function updateViwer2D(value) {
   var _zoomValue = parseInt((value.a - 0.5) / ZOOM_VARIABLE);
   if (_zoomValue > MAX_ZOOM_IN_SCALE) return;
   if (_zoomValue < 0 || Number.isNaN(_zoomValue)) return;
-  var maxE = 10;
-  var minE = value.viewerWidth - (value.a * value.SVGWidth + 10);
-  value.e = Math.min(maxE, Math.max(minE, value.e));
-  var maxF = 80;
-  var minF = value.viewerHeight - (value.a * value.SVGHeight + 10);
-  value.f = Math.min(maxF, Math.max(minF, value.f));
+  var scaledWidth = value.a * value.SVGWidth;
+  var scaledHeight = value.a * value.SVGHeight;
+
+  /* ---------- Horizontal ---------- */
+  if (scaledWidth <= value.viewerWidth) {
+    // scene smaller than viewport → force center
+    value.e = (value.viewerWidth - scaledWidth) / 2;
+  } else {
+    // scene larger → clamp normally
+    var maxE = 10;
+    var minE = value.viewerWidth - (scaledWidth + 10);
+    value.e = Math.min(maxE, Math.max(minE, value.e));
+  }
+
+  /* ---------- Vertical ---------- */
+  if (scaledHeight <= value.viewerHeight) {
+    // scene smaller than viewport → force center
+    value.f = (value.viewerHeight - scaledHeight) / 2;
+  } else {
+    var maxF = 80;
+    var minF = value.viewerHeight - (scaledHeight + 10);
+    value.f = Math.min(maxF, Math.max(minF, value.f));
+  }
   if (viewer2DActions && compareSVGRect(value)) viewer2DActions.updateCameraView(value);
 };
 export function centering2D(state) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "kitchen-simulator",
-  "version": "7.0.5-react-18",
+  "version": "7.0.6-react-18",
   "description": "It is a kitchen simulator (self-contained micro-frontend).",
   "license": "MIT",
   "module": "es/index.js",