floor-editor-ts 1.1.7 → 1.1.8

package/dist/floor-editor.es.js

@@ -65098,11 +65098,11 @@ function FloorPlanCanvas($$anchor, $$props) {
 		}
 		layoutViewOnlyViewport();
 	}
-	/** viewOnly: fit walls to fill the entire viewport — no gray margins */
+	/** viewOnly: show full floor — contain fit, nothing clipped */
 	function layoutViewOnlyViewport() {
 		const parent = canvas === null || canvas === void 0 ? void 0 : canvas.parentElement;
 		if (!parent || !get(currentFloor)) return;
-		const bounds = getFloorWallBounds(get(currentFloor));
+		const bounds = getViewOnlyFitBounds(get(currentFloor));
 		if (!bounds) return;
 		const domWidth = parent.clientWidth;
 		const domHeight = parent.clientHeight;
@@ -65113,12 +65113,9 @@ function FloorPlanCanvas($$anchor, $$props) {
 			canvas.width = get(width);
 			canvas.height = get(height);
 		}
-		const padding = 12;
-		const contentW = bounds.width + padding * 2;
-		const contentH = bounds.height + padding * 2;
 		set(camX, (bounds.minX + bounds.maxX) / 2);
 		set(camY, (bounds.minY + bounds.maxY) / 2);
-		set(zoom, Math.max(get(width) / contentW, get(height) / contentH), true);
+		set(zoom, Math.min(get(width) / bounds.width, get(height) / bounds.height), true);
 		set(zoom, Math.max(get(zoom), .1), true);
 		markDirty();
 	}
@@ -65596,6 +65593,67 @@ function FloorPlanCanvas($$anchor, $$props) {
 			height
 		};
 	}
+	function getFloorContentBounds(floor = get(currentFloor)) {
+		if (!floor) return null;
+		let minX = Infinity;
+		let maxX = -Infinity;
+		let minY = Infinity;
+		let maxY = -Infinity;
+		let found = false;
+		const expand = (x, y, pad = 0) => {
+			minX = Math.min(minX, x - pad);
+			maxX = Math.max(maxX, x + pad);
+			minY = Math.min(minY, y - pad);
+			maxY = Math.max(maxY, y + pad);
+			found = true;
+		};
+		for (const wall of floor.walls) {
+			expand(wall.start.x, wall.start.y, wall.thickness / 2);
+			expand(wall.end.x, wall.end.y, wall.thickness / 2);
+			if (wall.curvePoint) expand(wall.curvePoint.x, wall.curvePoint.y, wall.thickness / 2);
+		}
+		for (const item of floor.furniture) {
+			var _item$scale$x, _item$scale, _item$scale$y, _item$scale2, _ref, _item$width, _ref2, _item$depth;
+			const cat = getCatalogItem(item.catalogId);
+			const sx = Math.abs((_item$scale$x = (_item$scale = item.scale) === null || _item$scale === void 0 ? void 0 : _item$scale.x) !== null && _item$scale$x !== void 0 ? _item$scale$x : 1);
+			const sy = Math.abs((_item$scale$y = (_item$scale2 = item.scale) === null || _item$scale2 === void 0 ? void 0 : _item$scale2.y) !== null && _item$scale$y !== void 0 ? _item$scale$y : 1);
+			const w = ((_ref = (_item$width = item.width) !== null && _item$width !== void 0 ? _item$width : cat === null || cat === void 0 ? void 0 : cat.width) !== null && _ref !== void 0 ? _ref : 50) * sx;
+			const d = ((_ref2 = (_item$depth = item.depth) !== null && _item$depth !== void 0 ? _item$depth : cat === null || cat === void 0 ? void 0 : cat.depth) !== null && _ref2 !== void 0 ? _ref2 : 50) * sy;
+			const half = Math.max(w, d) / 2;
+			expand(item.position.x, item.position.y, half);
+			if (item.catalogId === "camera" && showCameraCones()) {
+				const angle = item.rotation * Math.PI / 180;
+				const range = Math.max(w, d) * 6;
+				expand(item.position.x + Math.cos(angle) * range, item.position.y + Math.sin(angle) * range, half);
+			}
+		}
+		if (!found) return getFloorWallBounds(floor);
+		const width = maxX - minX;
+		const height = maxY - minY;
+		if (width <= 0 || height <= 0) return null;
+		return {
+			minX,
+			minY,
+			maxX,
+			maxY,
+			width,
+			height
+		};
+	}
+	/** Bounds for viewOnly fit: walls + furniture bodies + margin, never crops content */
+	function getViewOnlyFitBounds(floor = get(currentFloor)) {
+		const bounds = getFloorContentBounds(floor);
+		if (!bounds) return null;
+		const margin = 40;
+		return {
+			minX: bounds.minX - margin,
+			minY: bounds.minY - margin,
+			maxX: bounds.maxX + margin,
+			maxY: bounds.maxY + margin,
+			width: bounds.width + margin * 2,
+			height: bounds.height + margin * 2
+		};
+	}
 	function getCanvasFrameStyle() {
 		return "width: 100%; height: 100%";
 	}